检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。
例如，创建一个简单的订单系统，订单系统中包括用户（User）、订单（Order）和订单详情（OrderDetail）三个业务对象，且三个对象之间存在聚合关系，即用户存在时，订单才会存在，订单存在时，订单详情才会存在。
订单系统服务开发示例 业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。
登录页面设计开发示例 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。
通过导入swagger文件实现业务设计 Swagger文件是一个用于描述RESTful API的规范，它可以用来导入设计业务，确保 API 的设计符合业务需求。
通过导入DDL文件实现业务设计 本章节指导您如何通过导入DDL文件来实现业务设计。DDL文件不仅定义了数据库的结构，还确保了数据的完整性和一致性，为业务应用提供了坚实的基础。 DDL文件设计 根据业务模型，完成DDL文件设计，DDL标签使用可参考DDL标签使用指南。
图1 DDD 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。
图1 单Module 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。
配置架构模板 使用说明 项目遵循相同的结构和模式时，可以创建架构模板，并使用该模板创建应用，减少设计和实现的时间。 约束与限制 架构模板为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。
业务场景及设计流程说明 在AstroPro中，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。本入门通过创建一个简单的订单系统，帮助您快速上手AstroPro。
项目管理 项目管理是AstroPro业务系统中生成微服务的入口，由项目、服务组、服务和服务依赖组成。用户在设计项目架构时，可按照研发团队等维度对项目进行划分服务组，每个服务组会开发若干个服务，服务之间也会存在相互调用的服务依赖。
后端开发视频指导 本视频通过创建一个简单的订单系统，帮助您快速上手AstroPro后端开发。 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。
存量服务云原生改造 应用场景 存量服务架构归一 存量业务系统中代码三方依赖管理多，希望可以统一管理，降低升级维护成本。 安全漏洞整改耗时周期长，解决安全漏洞无法统一管理、升级等问题。 存量服务切换技术栈 存量服务切换技术语言框架，技术栈归一到Java微服务架构。
领域驱动设计，根据业务模型创建业务应用 领域驱动设计，创建业务应用，用户通过业务建模，可生成高可用、高可靠、以及安全稳定的企业级IT应用框架。 支持领域驱动设计的建模，以及复杂关系建模，生成架构规范的代码框架，降低开发门槛。 安全可靠，内置稳定的安全防护能力。
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。
生成业务代码 使用说明 页面设计完成后，您可以根据配置生成应用的基本代码。代码生成后，会下载至本地，供您使用。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
导入成功后，可进入前端应用设计器，直接拖拽物料资产包中自定义组件进行页面设计。 图2 导入成功 图3 查看并使用自定义组件 父主题： 物料中心
行内绑定状态变量 使用说明 设计器提供了一种功能，允许使用定义变量来动态计算组件的位置。这些计算结果随后可以直接应用到组件的行内样式style属性中，从而实现动态样式的调整和布局的优化。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
