检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的
什么是BO 商业对象(Business Object,简称BO)是封装了完整的数据模型、业务逻辑、页面展现的软件单元。一个BO提供一个完整场景的服务,为上层应用提供特定服务。不同用户可以开发各自的BO,在BO里创建逻辑使其具有特定的业务功能,开发好后制作成用户包并进行发布。下载用
在桥接器模板列表中,单击预置的桥接器模板,进入桥接器模板详情页面。 单击“下载”,设置桥接器名称和桥接器模型名称,单击“保存”。 此处设置的桥接器模型名称,需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。 基于模板自定义桥接器 参考
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
AstroZero采用类似的结构管理应用程序。 如图1所示,应用管理页面包含三部分(红框1、红框2和红框3): 红框1中是当前应用的页面、模型和逻辑。在后续章节中,开发的页面、对象及后台逻辑,推荐按以下规划的方式,将应用资源分别放在对应的目录下: Object:数据对象 Script:脚本
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
现场工程师处理工单对话框 页面模型分析 页面模型负责与页面组件交互,传递处理工单需要的工单ID、工单状态等信息。结合页面需求,“处理工单”对话框页面,需要创建如下模型: 表1 模型分析 模型名称 作用 详细定义 statusInfo 保存派单的参数。 自定义模型,包含的计算节点如下,这
一步”,再次单击“下一步”,单击“确定”,选中该模型。 图3 新建模型 图4 选择模型 图5 完成值绑定后页面展示效果 支持选择任意类型的模型,进行值绑定,更多标准页面模型内容请参见如何获取后台数据。 选中“按钮”组件,在按钮组件的事件配置面板,为按钮组件添加“点击”事件。 图6
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
I)三种,对应的页面模型为“服务”。 图1 页面模型(服务) 方式一:将服务封装成页面模型执行后台逻辑 将服务(服务编排、脚本或API)映射为页面模型,在组件事件JS代码中,操作对应的页面模型实现执行后台逻辑。 如何将标准页面需要使用的服务,映射为页面服务模型,请参见如何获取后台数据。
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
单击“创建工单”,进入创建工单页面。 在“设备名称”下拉框中选择一个设备,检查“设备详情”区域显示了对应的设备详情。显示正确,则说明组件与模型的绑定,以及下拉框“数据改变”事件执行正确。 如果“设备名称”下,没有设备名,请先在“设备管理”页面,单击“新增行”进行添加。 检查是否正常提交工单。
辑前请单击进行锁定。 在标准页面的“设计视图”下,单击页面底部的“模型视图”页签,切换到“模型视图”。 图3 切换模型视图 定义模型“basicInfo”。 在模型视图页面,单击“新增模型”。 添加自定义模型,模型名称“basicInfo”,单击“下一步”。 单击“新增节点”,新
录页,新增图1所示的数据。 图3 自定义字段 在标准页面选中表格组件,新增模型,设置为对象模型,选中上一步的对象,设置表格数据源。 图4 设置数据绑定 图5 设置对象模型 图6 设置关联字段 图7 选中模型 在标准页面选中表格组件,开启“树形数据”并设置如下参数。 图8 开启树形数据并设置对应参数
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
检查及创建页面模型。 一般情况下,另存方式创建的页面,会保留原页面中的页面模型,单击“模型视图”,查看当前页面是否存在以下模型。 图2 页面原有模型 创建服务模型“deleteWorkOrder”。该模型用于绑定删除工单公共接口。 在“模型视图”,单击“新增模型”。 添加服务模型,模型名
单击“新增模型”,设置模型名称为“Key”,选择“自定义”,单击“下一步”。 图3 配置自定义模型 单击“新增节点”,新增“value”字段,字段类型为Text,单击“下一步”。 图4 新增节点 本示例无需添加方法,直接单击“确定”。 在选择模型中,选中创建的数据模型“value”字段,单击“确定”。
单击加号 单击“新建模型”,输入模型名称(如datasource),“来源”选择“自定义”,单击“下一步”。 图5 新增模型 单击“新增节点”,新增一个vaule节点,单击“下一步”。 图6 新增一个节点 单击“确定”,进入模型选择页面,选择刚创建的模型。 图7 选择模型 选中输入框组
在标准页面的底部,单击“模型视图”,从设计视图切换到模型视图。 图13 单击模型视图 单击“新增模型”,输入模型名称(如demo)、“来源”选择“对象”,单击“下一步”。 图14 新建模型 选择3中创建的对象和添加的字段,单击“下一步”。 图15 选择对象和字段 单击“确定”,完成模型的创建。 返回设计视图页面,新建表格关联模型。
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。