检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图2 定义模型 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Objec
页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由，即实现如图10所示页面效果。需要在第一级路由导航js文件的路由参数中，使用children配置。 图10 嵌套路由页面效果 参考基于预置组件进行自定义中操作，下载
图11 输入自定义JS代码 const list = []; for (let i = 0; i < 5; i++) { list.push({ value: i + 1 }) } context.$params[0](list); 验证效果是否符合预期。
设置的第二栏中的“文本内容”，仅会在未获取相应工单信息时显示，您也可以根据实际需要自定义“标题”组件默认显示内容。 在“样式”属性下，自定义修改各个标签组件的样式，例如加粗文本。 图10 自定义修改样式 在第8行内，选中“按钮”组件，设置按钮“显示名称”为“处理”、“类型”为“
单击参数后的，可设置数据类型和描述信息。 图2 设置数据类型 单击“添加规则”，可设置输入参数和输出参数之间的值映射规则，从下拉框选择配置逻辑。 图3 添加规则 图4 设置后效果 单击页面上方的，保存决策表。 单击页面上方的，启用决策表。 管理决策表 在经典版应用设计器的左侧列表中，单击，选择“逻辑 > 决策表”。
BO（商业对象）图元，即将封装好的BO能力作为服务编排中的一个节点，实现特定的业务功能图元。需要在BO中自定义封装好API，才能在Flow中进行调用。 前提条件 已在BO中自定义封装好API，具体操作请参考自定义AstroZero API接口。 已在应用中，添加需要调用的BO，具体操作请参见使用A
在“全部”页签中，单击对应的组件模板。 租户：展示用户自定义的组件模板，AstroZero支持增加、删除和修改自定义的组件模板。 全局：展示AstroZero预置的组件模板，可查看预置的组件和下载组件，但不能删除。 全部：展示了AstroZero中所有的组件模板，包括预置和自定义的。 在组件详情页面，可查看组件的描述信息、变更历史和包信息。
在“设计视图”中，选中最外层的“页面”，也可以直接单击组件导航，快速定位。 在右侧“事件”页签中，单击“加载”后的“+”，为页面添加事件代码。 在“添加动作”弹窗的“自定义动作”中，输入如下事件代码。 $model.ref('equipmentOptions').setData({inputParam:{}});
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。 服务：由后台
实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。 由开发者自定义，可以添加子节点。 开发者自定义方法。 $model.ref("modelName").actionName(); 对象 由Objec
装使用。在“全局”页面下可查看所有预置组件。 自定义组件：是根据需要自行开发的组件，通常开发过程是选择系统预置的组件模板下载到本地，本地开发好后再上传到组件库中；还有一种自定义组件是由标准页面转化而来。在“租户”页面下可查看所有自定义组件。 单击具体的组件，进入组件详情页，可进行如下操作。
在一个数据模型上，当按钮被单击时模态框弹出，实现组件间通过数据模型交互的效果，如图2。 图2 “值绑定”示例页面 选中“模态框”组件，在右侧属性配置面板配置值绑定，选择一个数据模型进行绑定，此处新建一个自定义模型“modalShow”，如图3，单击“下一步”，再次单击“下一步”，单击“确定”，选中该模型。
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。 服务：由后台
可变参数下标请从0开始，变量样式为“{0}”，预览页面后效果为“变量值”。带转义符“\”的变参不会被替换，例如文本组件内容为“\{1}{1\}{\1}”，预览页面后效果为“{1}{1}{1}”。连续两个转义符时，则第二个转义符失效，变参会被替换，例如文本组件内容为“\\{2}”，预览页面后效果为“\变量值”。 图4
程成绩对象。请参见创建自定义数据对象和定义自定义对象的字段（Fields）新建下面的Class__CST、HeadTeacher__CST、Student__CST、Grades__CST对象和它们分别对应的自定义字段。 表1 对象说明 自定义对象名 自定义字段名 字段类型 对象中的字段说明
数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。 对象：由后台对象模型映射创建，支持选择字段。 服务：由后台
排列，此时单击页面上方的“全屏”，手机图标就可以模拟在移动端展示的效果，如图15。 图15 移动端展示效果“竖排” 如果在“phone”中，依旧选择从左到右的布局方式，则展示效果如图16。 图16 移动端展示效果“横排” 布局模式：可以调整“分栏”组件为流式布局或弹性布局，用来控
页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由，即实现如图10所示页面效果。需要在第一级路由导航js文件的路由参数中，使用children配置。 图10 嵌套路由页面效果 参考基于预置组件进行自定义中操作，下载
使用AstroZero创建高级页面适配多终端显示 期望实现效果 当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适应。另外，为确保自定义组件能够自适应不同
使用谷歌浏览器开发者工具（F12），查看多个不同尺寸的终端中此页面的呈现效果。 按下“F12”，单击开发者工具中的，可以切换设备（手机、iPad等），查看组件响应式效果。多个终端（响应式模式、iPhone 6/7/8和iPad横屏）视图效果如图7所示，呈现出多终端适配的响应式效果。 在分辨率为1797x425的电脑端中，商品列表单行商品数为5。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
