检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单Module 工程目录结构 “代码风格 > 工程目录”设置为“单Module”，仅会生成“src”一个模块，如图1所示。 图1 单Module 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。 com.astropro
管理前端应用 创建前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”，单击“创建应用”。 输入应用名称及应用描述。 图1 创建应用 单击“确定”。 编辑前端应用 参考登录AstroPro界面中操作，登录AstroPro界面。
登录页面设计开发示例 业务场景及设计流程说明 应用可以由一个或多个页面组成一个完整的业务系统。 本入门为创建一个简单的登录页面，帮助您快速上手AstroPro前端应用开发。登录页面中包括图片、文本、输入框和按钮四个基础组件，且用到Box布局容器组件，便于整体排版布局。在Astro
自定义组件开发指南 在这个快速发展的前端开发时代中，组件化是构建可维护和可扩展应用程序的关键。 本章节帮助您了解自定义模板结构及开发流程。 模板结构介绍 public文件夹通常是用来存放Web应用程序的静态资源。 src文件夹是用来存放源代码文件，它包含assets和components两个子文件夹。
设计前端应用流程 前端应用可以由一个或多个页面组成一个完整的业务系统。在AstroPro中，通过创建应用、（可选）创建文件夹、创建页面、页面设计和生成应用代码五步，即可快速完成前端应用设计，具体流程如图1所示。 图1 创建应用 步骤一：新建一个应用 参考登录AstroPro界面中操作，登录AstroPro界面。
成长地图 | 华为云 Astro企业应用 Astro企业应用（Astro Pro，简称AstroPro）是Astro面向企业数字化转型提供的元数据驱动的企业应用一站式构建平台。为企业SaaS应用提供端到端开发管理平台，沉淀通用能力，加快应用构建，差异场景灵活扩展，助力业务创新。 产品介绍
国际化资源管理 使用说明 同一个项目，可能需要同时支持多个语言，设计器提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化是应用级别的，在任何一个页面都可以访问。 注意的是国际化只针对画布中的项目，不针对设计器本身。 添加国际化词条 参考登录AstroPro界面中操作，登录AstroPro界面。
使用JS面板 在常规代码开发中，您需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候您需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。
DDD “代码风格 > 工程目录”设置为“DDD”时，和“单Module”一样，仅会生成“src”一个模块，如图1所示。 图1 DDD 代码结构说明 代码结构说明中的“{biz}”，为在AstroPro的业务设计中定义的对象，如BO、Abstract BO等。 com.astropro
步骤2：框架配置 框架配置和基本配置一样，需要您根据实际情况进行勾选配置，不同的配置会呈现不同的效果。 是否启用模板，默认不启用，如需启用，在下拉框中选择已创建的模板。创建模板具体操作请参考创建架构模板。 选择模板后，模板配置将自动带入包括“框架配置”和“生成策略”。 选择参考框架。
配置架构模板 使用说明 项目遵循相同的结构和模式时，可以创建架构模板，并使用该模板创建应用，减少设计和实现的时间。 约束与限制 架构模板为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 创建架构模板 参考登录AstroPro界面中操作，登录AstroPro界面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
