检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。
添加自定义模型,模型名称“workOrderList”,单击“下一步”。 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。 单击页面上方的,保存模型。 定义模型“queryCondition”。 在“模型视图”中,单击“新增模型”。 添加自定义模型,模型名
三方库。 绑定数据模型、增加查询条件、工具栏 设置组件绑定的数据模型,有自定义对象、对象、服务和事件四种,本章节以绑定模型为例进行介绍。 在表格的“属性 > 数据绑定”中,单击,进入选择模型页面。 在选择模型页面,单击“新增模型”。 设置表格的元数据模型,模型名称设置“equip
选择设置图标 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图4 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事件)中调用这些API,以实现某些功能。
接编写CSS代码进行更深度的个性化布局定制,如图19。 展开“样式”下的“布局”面板,单击“显示”属性后的按钮,可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。 “显示”属性下方展示了当前元素的盒模型示意图,在对应的数字位置
在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的
辑、对象等可视化编排工具,以“拖、拉、拽”的方式来快速构建应用,从而实现所见即所得的应用开发构建体验。在使用AstroZero前,建议您先学习本章节内容,了解AstroZero的使用流程。 图1 AstroZero使用流程 了解AstroZero环境 在使用AstroZero创建
过本节认识高级页面,并了解登录页面的开发流程。 了解高级页面 AstroZero前端页面有标准页面、高级页面和表单三种。本节主要带您了解、学习并使用高级页面。 标准页面:对于一般的业务应用系统,其功能主要是针对业务数据的增、删、改、查,前端界面的样式相对简单的页面场景,此时,推荐
在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的
标准页面UI组件:“表单”、“容器”、“输入框”、“下拉框”、“级联选择框”、“标题”、“按钮”的主要配置属性,为“表格”组件添加操作列。 页面模型:模型的类型和作用。 页面事件:组件事件代码的编写。 使用widget组装高级页面。 4 工单管理开发 14小时 开发脚本 组装复杂的标准页面
在“数据绑定”中,单击“值(value)绑定”中的,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的
与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础,如果没有相关的背景知识,可以先从 标准页面 和 高级页面开始学习。 图1 BPM与页面交互 BPM与页面的交互模式采用了业界“依赖反转”的设计模式。一般情况下,页面之间的跳转应该在页面的事件代码中定义,
任务”图元能够实现复杂的任务分配,达到您的业务目标。如果您不太了解BPM、用户任务的基本概念请参考BPM图元和BPM如何与页面交互章节进行学习,以便了解其基本使用方法。 用户和业务用户 在进行任务分配时,AstroZero平台提供了两种用户可以进行任务的分配,分别是用户和业务用户。
设计图中,显示了当前目录下的所有对象图元。 对象图元上显示对象名称、字段名称和字段类型。 单击对象模型中的,可展开对象模型,查看对象的标准字段(Standard Fields)。标准字段由系统自动创建,无需用户创建。单击对象模型中的,可收起对象模型。 图7 对象图元 对象和对象之间的关系显示为关系连线。关系连线上显示关系名称,具体可参考关联对象。
queryEquipments HW__deleteEquipment 删除设备 不涉及 deleteEquipment HW__equipmentSelectListQuery 查询所有设备并以选项列表的形式返回 不涉及 equipmentSelectListQuery 父主题: 开发“管理设备”功能
设置页面 使用说明 通过本章节的学习,您可以快速了解高级页面相关的配置。 操作步骤 参考如何进入经典开发环境中操作,进入经典版开发环境。 在“首页 > 项目 > 我的应用”中,单击对应的应用,进入应用开发页面。 在页面左下角,选择“页面设置”。 应用创建后,该应用站点默认处于被解锁状态。
现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口 标准页面 父主题: 开发“编辑设备”功能
多屏适配,帮助开发者快速构建和发布专业水准的实时可视化应用。更多介绍,请参见Astro大屏应用 产品文档。 学习中心 学习中心提供了丰富的学习资源,帮助您快速、系统性的学习AstroZero开发技巧。 模板中心 模板中心提供了海量的模板,全覆盖各类场景。 Astro轻应用公众号
开发“派单员派发工单”功能 “派单员派发工单”功能包含工单列表(派单员)页面、派单对话框两个页面。 学习地图 如图1所示,通过本章的学习和实践,您将进一步了解“标准页面”的能力,包括: 弹出对话框 标准页面模板 脚本 图1 学习地图 创建“查询维修人员”脚本 创建“派单功能”脚本 创建公共接口 组装“派单”对话框
Addon应用以及视频类大屏相关学习资料等。 项目:包括轻应用、行业应用、业务大屏和移动小程序四类,分类说明如表1所示。“我的应用”中,展示开发态的所有应用项目。 表1 应用类型介绍 分类 应用类型 介绍 轻应用 轻应用 轻应用一般为轻量级应用,不涉及复杂化的代码,用户零代码(如