检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用模板创建页面 使用已创建的模板，一键生成页面，轻松实现个性化网站构建，节省时间，提高效率。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，进入“页面管理”页面。
配置变量 添加页面变量 添加全局变量 父主题： 前端应用管理
对象间关系 一对多 多对多 聚合 树递归 继承 父主题： 对象详解
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
绑定事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“页面状态”，单击“添加变量”。
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括： ：撤销上一步的操作。 ：恢复上次撤销的内容。 ：保存当前页面数据。 ：发布页面模板。 ：清空当前画布内容。
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
发布页面模板 使用说明 页面设计完成后，您可以发布为页面模板。当您的业务与模板中的场景相似度较高时，可以直接使用该模板创建页面，并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
Abstract BO 功能介绍 Abstract BO是一个抽象对象，不能单独存在，没有数据库表，需要和业务对象建立继承的关系。建立继承关系后，业务对象会继承抽象对象中的字段。例如，抽象对象Abstract和业务对象Role存在继承关系，在抽象对象Abstract中，新建一个n
聚合 什么是聚合 聚合关系本质上也是一种一对多关系，唯一不同的是聚合中次要方必须依赖首要方，任何对于次要方的操作首先要经过首要方才能继续往下操作。 图1 聚合和一对多的差异 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Bo1、Bo2）单击“relations”中的“
Value Object 功能介绍 Value Object是一个值对象，不能单独存在，需要和业务对象建立聚合的关系。 图1 和业务对象建立聚合关系 聚合后，Value Object中的主键和BO中的主键，共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明
继承 什么是继承 在继承关系中，业务对象可以继承抽象对象中的所有字段。例如，业务对象Role和抽象对象Abstract，抽象对象中存在name和value两个字段。建立继承关系后，抽象对象Abstract中的字段会被业务对象Role完全继承，如图2。 图1 抽象对象Abstract
配置高级设置 条件渲染 循环渲染 绑定事件 父主题： 前端应用管理
包年包月 计费项 欠费说明 如何进行续费 03 入门 准备工作 准备登录账号 购买AstroPro实例 后端快速入门 通过创建一个简单的订单系统，帮助您快速上手AstroPro后端开发。 添加一个项目 新建一个服务 编辑服务 生成服务代码 前端快速入门 通过创建一个简单的登录页面，
树递归 什么是树递归 树递归和一对多、多对多和聚合之间的差异在于一对多、多对多和聚合是两个不同的业务对象间产生关联，而树递归的双方为相同的对象类型，存储在同一张表中，递归关系的双方可以抽象成父子关系。树递归中，一个对象最多存在一个父对象，类似于数据结构中的树结构。创建树递归后，在
创建企业核心应用 了解构建流程 步骤1：创建项目 （可选）步骤2：创建服务组 步骤3：添加服务 步骤4：编辑服务 步骤5：生成服务代码 父主题： 后端应用管理
直接编写样式代码 样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。 参考登录Astr
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
