检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
绑定事件 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 选中组件,在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上,将显示事件列表。 在事件列表中,单击需要绑定的事件
循环渲染 页面可能有若干份重复的、动态生成的内容,例如商品列表页、表格数据。这时候需要用到循环渲染。您可以在高级面板中指定循环数据绑定的变量、迭代的变量名、索引变量名、以及唯一的key。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台
添加页面变量 使用说明 页面状态变量仅适用于当前页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开状态管理页面。 选择“
对象间关系 一对多 多对多 聚合 树递归 继承 父主题: 对象详解
添加全局变量 使用说明 全局变量是在整个应用中都可访问的变量。它们的作用域是全局的,可以在应用的任何一个页面调用。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“开发应用”,进入设计器
条件渲染 在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的内容,例如:如果您希望当用户已经登录的时候,显示“欢迎登录”的文字,未登录的时候,显示“请登录”的文字。 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用
Abstract BO 功能介绍 Abstract BO是一个抽象对象,不能单独存在,没有数据库表,需要和业务对象建立继承的关系。建立继承关系后,业务对象会继承抽象对象中的字段。例如,抽象对象Abstract和业务对象Role存在继承关系,在抽象对象Abstract中,新建一个name
初识应用设计器 AstroPro设计器可以分为顶部工具栏、左侧插件栏、中间画布区和右侧属性设置面板四个主要界面模块。 图1 AstroPRO设计器 顶部工具栏 设计器顶部的工具栏从左到右包括: :撤销上一步的操作。 :恢复上次撤销的内容。 :保存当前页面数据。 :发布页面模板。 :
使用工具类方法 添加工具类 npm utils使用示例 function utils使用示例 父主题: 前端应用管理
发布页面模板 使用说明 页面设计完成后,您可以发布为页面模板。当您的业务与模板中的场景相似度较高时,可以直接使用该模板创建页面,并在模板的基础上继续改造页面。 前提条件 已完成页面设计并保存页面。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中
Value Object 功能介绍 Value Object是一个值对象,不能单独存在,需要和业务对象建立聚合的关系。 图1 和业务对象建立聚合关系 聚合后,Value Object中的主键和BO中的主键,共同构成了一个联合的主键。 图2 BO中的字段 图3 联合主键 属性说明 在业务设计页面
聚合 什么是聚合 聚合关系本质上也是一种一对多关系,唯一不同的是聚合中次要方必须依赖首要方,任何对于次要方的操作首先要经过首要方才能继续往下操作。 图1 聚合和一对多的差异 关系属性设置 在业务设计页面,拖入两个BO业务对象(命名为Bo1、Bo2)单击“relations”中的“聚合
继承 什么是继承 在继承关系中,业务对象可以继承抽象对象中的所有字段。例如,业务对象Role和抽象对象Abstract,抽象对象中存在name和value两个字段。建立继承关系后,抽象对象Abstract中的字段会被业务对象Role完全继承,如图2。 图1 抽象对象Abstract
树递归 什么是树递归 树递归和一对多、多对多和聚合之间的差异在于一对多、多对多和聚合是两个不同的业务对象间产生关联,而树递归的双方为相同的对象类型,存储在同一张表中,递归关系的双方可以抽象成父子关系。树递归中,一个对象最多存在一个父对象,类似于数据结构中的树结构。创建树递归后,在数据库中会增加一个
步骤3:添加服务 在AstroPro中,快速添加一个服务,新增服务中的配置均采用默认配置。此处新建服务的操作,相当于为服务搭建了一个框架。 在AstroPro界面的左侧导航栏中,选择“后端开发平台 > 服务管理 > 服务”。 选择已创建的项目和服务组,单击“新建服务”。 图1 新建服务
直接编写样式代码 样式面板提供了可直接配置的样式,满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求,AstroPro还提供了直接编写样式代码的方式来配置样式。 编写行内样式 等效于直接在html标签style属性里直接声明样式,权重高,用于覆盖样式。 参考登录AstroPro
通过样式面板配置样式 使用说明 添加组件后您可以通过右侧的属性设置面板,直接对当前选中组件进行样式设置,实现零代码设计。 通过样式面板配置样式 参考登录AstroPro界面中操作,登录AstroPro界面。 在左侧导航栏中,选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的
使用状态选择器 使用说明 在样式选择器右侧,还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后,您此时编辑样式面板,就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作,登录AstroPro
一对多 什么是一对多 一对多关系中,次要方可以不依赖于首要方,可以单独存在。删除一对多关系只代表两个对象之间的特定关系的结束,不会影响任何一个对象的生命周期。 图1 一对多和聚合的差异 创建一对多关系后,首要方不会做任何的改动,次要方的字段中会自动增加首要方的id,即primaryId
步骤4:编辑服务 在AstroPro中,用户通过业务建模,可生成高可用、高可靠及安全稳定的企业级IT应用框架。步骤3:添加服务中的操作,相当于为服务搭建了一个框架,如果需要实现某些特定的功能,还需要您根据自身业务需求进行业务模型配置。 在服务列表中,单击步骤3:添加服务中已创建服务后的