检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
循环渲染 页面可能有若干份重复的、动态生成的内容，例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台
绑定事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击需要绑定的事件。
作空间中新建项目。项目创建后，您可以为其他用户添加项目的访问权限，详情请参见角色管理。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“后端开发平台 > 服务管理 > 项目”，单击“新建项目”。 首次进入项目时，请按照界面提示，开通工作空间。
参考使用组件。 ：大纲树插件，可查看页面大纲树。 ：页面管理工具插件，可以新增文件夹，可以新增文件夹，以及对页面或者文件的增删改操作。 ：数据源管理插件，可用于来配合画布上的组件渲染，具体操作请参考使用数据源。 ：资源管理插件，将一些可复用的公共函数编写到工具类中，也可以将一些n
选择已设计完成的页面，单击顶部工具栏。 在弹框中输入页面模板标题及模板描述。 图1 设置模板信息 单击“确定”，完成发布页面模板。发布完成后，可在模板管理中查看。 图2 查看页面模板 父主题： 前端应用管理
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题： 前端应用管理
BO 功能介绍 BO（Business Object）是一个业务对象，业务对象映射到服务中的一个实体，对应数据库中的一张表。 属性说明 在业务设计页面，从“business”中，拖拽“BO”对象至画布空白区域。选中对象，在右侧页面设置对象属性，如图1所示。 图1 BO 对象名称：
聚合 什么是聚合 聚合关系本质上也是一种一对多关系，唯一不同的是聚合中次要方必须依赖首要方，任何对于次要方的操作首先要经过首要方才能继续往下操作。 图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
条件渲染 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的内容，例如：如果您希望当用户已经登录的时候，显示“欢迎登录”的文字，未登录的时候，显示“请登录”的文字。 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。
Abstract BO 功能介绍 Abstract BO是一个抽象对象，不能单独存在，没有数据库表，需要和业务对象建立继承的关系。建立继承关系后，业务对象会继承抽象对象中的字段。例如，抽象对象Abstract和业务对象Role存在继承关系，在抽象对象Abstract中，新建一个n
在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。 在左侧插件栏中，单击，展开状态管理页面。 选择“应用状态”，单击“添加全局变量”。 设置变量基本信息。 stores：是包含所有状态（state）、视图（view）和行为（actions）的容器。
树递归 什么是树递归 树递归和一对多、多对多和聚合之间的差异在于一对多、多对多和聚合是两个不同的业务对象间产生关联，而树递归的双方为相同的对象类型，存储在同一张表中，递归关系的双方可以抽象成父子关系。树递归中，一个对象最多存在一个父对象，类似于数据结构中的树结构。创建树递归后，在
function utils使用示例 添加function utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return
下载自定义组件物料包 物料中心提供了一个高效的物料管理解决方案，支持将之前上传的物料包下载回本地环境。这一功能极大地方便了物料的传输和再利用。 约束限制 物料中心为Astro Pro企业版功能，如果您需要使用此功能，请升级Astro Pro实例版本。 下载自定义组件物料包 参考登
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板，直接对当前选中组件进行样式设置，实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”，进入设计器。
使用状态选择器 使用说明 在样式选择器右侧，还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，您此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。
在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称 Loading
的配置均采用默认配置。此处新建服务的操作，相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中，选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组，单击“新建服务”。 图1 新建服务 设置服务的基本信息，单击“确定”。 图2 设置服务基本信息
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
