检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。 图1 应用页面开发 前提条件 已将页面设计所需要的图片上传到已创建的OBS桶中备用,并获取存储路径。上传图片,请参考上传对象。
应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面,帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件,且用到Box布局容器组件,便于整体排版布局。在AstroPro中,构建一个上述登录页面的流程,如图图1所示。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中,通过创建应用、(可选)创建文件夹、创建页面、页面设计和生成应用代码五步,即可快速完成前端应用设计,具体流程如图1所示。 图1 创建应用 步骤一:新建一个应用 参考登录AstroPro界面中操作,登录AstroPro界面。
条件渲染 在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的内容,例如:如果您希望当用户已经登录的时候,显示“欢迎登录”的文字,未登录的时候,显示“请登录”的文字。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。
使用模板创建页面 使用已创建的模板,一键生成页面,轻松实现个性化网站构建,节省时间,提高效率。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,进入“页面管理”页面。
配置客户端流控策略 客户端流控策略通常是指在客户端应用中实施的流量控制机制,目的是为了管理客户端与服务器之间的数据传输速率,防止过量的请求对服务器造成压力,同时也保证客户端应用的流畅性,提升用户体验。您可以使用系统预置的流控策略,还可以根据自己的需求自定义创建。 本章节为您介绍如何自定义创建及使用客户端流控策略。
创建应用服务 使用说明 应用服务是DDD架构中的一个重要组成部分,它们帮助您将业务逻辑与技术实现分离,提高了软件的可维护性和可扩展性。通过使用应用服务,可以更清晰地定义业务操作,并确保它们与领域模型的一致性。 应用管理为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro
上传自定义组件物料包 设计器已提供了页面设计的基本组件,您还可以根据自己的特定需求和功能要求创建自定义组件。 物料中心为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 上传自定义组件 参考登录AstroPro界面中操作,登录AstroPro界面。
页面管理 页面管理插件可以管理该应用下的全部页面,可以新增页面,可以新增文件夹,以及对页面或者文件的增删改操作。 假如有一个前端工程: - project - views |_ Index.vue - Page2.vue
步骤3:添加服务 在AstroPro中,快速添加一个服务,新增服务中的配置均采用默认配置。此处新建服务的操作,相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组,单击“新建服务”。 图1 新建服务
配置业务对象模板 使用说明 创建业务对象模板时,定义了业务流程、数据模型和用户界面的基本结构。您可以使用业务模板创建应用,确保其业务架构与战略目标保持一致,并能够灵活应对变化。 本章节以一个简单的继承组件为例,为您介绍创建业务对象模板的流程。 业务对象模板为Astro Pro企业
新增一个服务 使用说明 创建服务前,请确保已创建项目和服务组。如果待添加的服务有依赖其他服务,请先添加依赖的服务。添加被依赖服务时,必须开启“是否生成客户端”。 图1 开启“是否生成客户端” 前提条件 参考新建项目中操作,完成项目的创建。 参考新建服务组中操作,完成服务组的创建。
粘性定位:组件在滚动时“粘”在某个位置,直到达到某个条件才会离开这个位置。粘性定位可以让页面在滚动时保持某些组件的可见性。 图4 设置定位 文本:设置文本的字号、字体、行高、字重、颜色、对齐方式、风格及修饰。 图5 设置文本 背景:设置组件背景,背景图、渐变类型、颜色及裁剪方式。 图6 设置背景 边框:设置边框的位置、颜色、位置宽度以及是否为圆角。
创建子域 使用说明 子域有助于将复杂的业务领域分解为更小、更易于管理和理解的部分。通过识别和创建子域,组织可以更有效地开发和维护应用,同时确保每个子域都能满足其特定的业务需求。 应用管理为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 创建子域
配置架构模板 使用说明 项目遵循相同的结构和模式时,可以创建架构模板,并使用该模板创建应用,减少设计和实现的时间。 架构模板为Astro Pro企业版功能,如果您需要使用此功能,请升级Astro Pro实例版本。 创建架构模板 参考登录AstroPro界面中操作,登录AstroPro界面。
使用模板创建服务 使用说明 您可以在“资产库”中自定义模板。当您的业务与模板中的场景相似度较高时,可以通过模板创建新的服务,减少重复开发,提高交付效率。 前提条件 已完成模板创建,具体操作请参考创建架构模板和创建业务对象模板。 已新建项目。 已创建服务组。 使用模板创建服务 参考
cloud,可自定义。 填写一个或多个片段,每个片段由小写字母开头,由小写字母和数字组成,片段之间用点号(.)连接,且禁止使用Java关键字。 Group ID 设置连接器的默认组名。默认值为com.huawei.tools,可自定义。 只能包含大小写字母、数字、连字符(-)、下划线(_)和点号(
订单系统服务开发示例 业务场景及设计流程说明 在AstroPro中,用户通过业务建模,可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统,帮助您快速上手AstroPro。 本入门为创建一个简单的订单系统,订单系统中包括用户(User)、订单(
swagger标签使用指南 本章节为您介绍swagger的通用标签,帮助能更好的编辑swagger文件,完成业务设计。 1、x-query-param-body 作用: 图1 使用背景 此功能需要结合metadata.json使用,对应到metadata.json中的参数:generatorPolicy