检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
工具类型选择“function”。 输入工具类的名称，并编写函数代码。 function isNil(value) { return value == null } 图1 添加function工具类 单击“保存”，完成function工具类添加。 在JS面板的函数中使用function utils
对象间关系 一对多 多对多 聚合 树递归 继承 父主题： 对象详解
也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。 页面JS中可以通过this访问当前页面的state，全局的stores， 以及t函数（获取国际化词条）。 下面将通过两个示例分别展示如何使用JS面板。
输入工具类的名称，并编写函数代码。 图1 添加function工具类 单击“保存”，完成function工具类添加。 添加npm工具类 对于一些简单的公共函数来说，直接添加function工具类会很方便，但是对于一些比较复杂的公共函数或者第三方的一些公共函数来说，直接编写函数并不是一个理想
聚合”，为对象建立聚合关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 聚合 关系名称：设置聚合关系的名称。 关系类型：根据创建的聚合关系自动生成。 关系首要方：根据创建的聚合关系自动生成。 关系次要方：根据创建的聚合关系自动生成。 DTO暴露方式 - NE
继承Role中字段 关系属性设置 在业务设计页面，拖入一个BO业务对象和一个Abstract BO对象（命名为Role、Abstract），单击“relations”中的“继承”，为对象建立继承关系。选中已创建的关系，在右侧页面即可设置关系属性，如图3所示。 图3 继承关系 关系名称：设置继承关系的名称。
立树递归关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 树递归 关系名称：设置树递归关系的名称。 关系类型：根据创建的树递归关系自动生成。 关系首要方：根据创建的树递归关系自动生成。 关系次要方：根据创建的树递归关系自动生成。 关系操作：对象关系可执行哪些
多对多关系 关系名称：设置多对多关系的名称。 关系类型：根据创建的多对多关系自动生成。 关系首要方：根据创建的多对多关系自动生成。 关系次要方：根据创建的多对多关系自动生成。 表名：设置关系表的名称，请按需自定义。在多对多关系中，会建立关系表用来保存首要方和次要方id的关系。 DTO暴露方式
建一个一对多的关系。 关系属性设置 在业务设计页面，拖入两个BO业务对象（命名为Primary、Secondary），单击“relations”中的“一对多”，为对象建立一对多关系。选中已创建的关系，在右侧页面即可设置关系属性，如图2所示。 图2 一对多关系 关系名称：设置一对多关系的名称。
'primaryKeyType("UUID")'; 标签使用效果： 多对多关系 在多对多关系表的关系字段上添加标注：COMMENT = 'relation("关联表名","关联表字段","MANY2MANY")'。 此处关系的首要方关联字段写在关系的次要方关联字段前面，即workspace4_id字段
Up、onUpdated等。 周期函数详细说明可参考生命周期选项。 图3 添加页面生命周期 编写生命周期函数，单击“确定”。 图4 编写生命周期函数 单击“保存”。 在弹框中输入历史备份信息，单击“确定”，完成页面创建。 创建完成后，可在模板的基础上继续设计改造页面。 注意：页面
和业务对象建立继承的关系。建立继承关系后，业务对象会继承抽象对象中的字段。例如，抽象对象Abstract和业务对象Role存在继承关系，在抽象对象Abstract中，新建一个name字段，该字段会被Role自动继承。 图1 和业务对象Role建立继承关系 图2 在Abstract
果如下图所示。 图5 修改定义文件 修改main.js文件，确保导出组件成功，“componentA”修改为“imgButton”，“TestA”修改为“imgButton”，修改后效果如下图所示。 图6 修改main.js文件 开发完成后，执行构建，例如，使用VSCode执行npm
成长地图 | 华为云 Astro企业应用 Astro企业应用（Astro Pro，简称AstroPro）是Astro面向企业数字化转型提供的元数据驱动的企业应用一站式构建平台。为企业SaaS应用提供端到端开发管理平台，沉淀通用能力，加快应用构建，差异场景灵活扩展，助力业务创新。 产品介绍
且以英文字母开头。 图3 创建页面 （可选）页面生命周期配置。 单击“添加页面生命周期”。 选择生命周期函数，例如onMounted、setUp、onUpdated等。 周期函数详细说明可参考生命周期选项。 图4 添加页面生命周期 编写生命周期函数，单击“确定”。 图5 编写生命周期函数 单击“保存”。
getValue: () => {} } 注意：使用JS表达式定义state变量的时候无法调用state其他变量定义，另由于JS函数定义在变量之后，也无法调用JS面板定义的函数。 图1 添加变量 （可选）设置变量高级配置。 getter：用于获取（读取）类的私有属性的值。Getter方法通常没有参数，并且返回属性的值。
Value Object是一个值对象，不能单独存在，需要和业务对象建立聚合的关系。 图1 和业务对象建立聚合关系 聚合后，Value Object中的主键和BO中的主键，共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面，从“business”中，拖拽“Value
通过业务设计，将实际业务涉及的对象和行为转换为元数据中的对象、对象关系、服务依赖等构成的模型，通过模型生成服务，实现业务需求。 使用AstroPro创建企业核心应用的流程，如图1所示。 图1 创建企业核心应用流程图 创建项目 项目是使用AstroPro核心业务的入口。在使用AstroPro前，需要先创建一个项目。
属性设置，设置组件的属性，比如按钮组件的ID、className、按钮文本。 图3 基本属性设置 样式设置，设置组件的样式，提供直接配置样式，也可以编写CSS代码配置样式。 图4 样式设置 高级设置，设置组件是否渲染、绑定单击事件、设置组件是否循环渲染等。 图5 高级设置 父主题： 前端应用管理
数量。 图2 为User对象添加name 图3 为Order添加orderNo 图4 OrderDetail添加product和amount 建立对象之间的关系。 AstroPro提供了一对多、多对多、聚合、树递归和继承五大关系，请根据自身业务需求进行选择。各对象间关系详细介绍，请参见对象间关系。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
