检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
辑设备功能的脚本,实现编辑设备信息功能。在进行开发前,您需要先了解脚本、公共接口以及标准页面的相关知识。 学习地图 如图1所示,通过本章的学习和实践,您将了解“标准页面”的能力,并掌握脚本的开发方法。 图1 学习地图 脚本 公共接口 标准页面 父主题: 开发“编辑设备”功能
添加接口级业务权限凭证 业务用户的权限配置创建完成后,还需要为应用中创建的公共接口,添加接口级权限配置,本示例中业务用户需要使用的公共接口,主要是在“工单管理”及“用户管理”2个功能模块创建的。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在应用中,单击下方“配置”,进入应用配置。
创建业务逻辑 “编辑设备”功能主要通过调用并执行一个具有“编辑设备”功能的脚本,实现编辑设备信息功能,并在修改设备信息时,能够根据设备id号,直接修改设备信息,因此需要在开发页面前,先创建一个“编辑设备”和“按ID查询设备详情”脚本。 创建“编辑设备”脚本 创建“按ID查询设备详情”脚本
HW__workOrderListM (可选)设置导航的布局及颜色。 您可以根据自己的喜好,设置导航的布局及颜色,默认导航菜单是靠左,蓝色。 如图4所示,单击红框中的布局,即可将导航菜单设置为横向菜单,然后单击“保存”。 图4 切换为横向导航 父主题: 验证工单管理功能
加为表格的列。 图5 绑定模型 绑定对象模型后,系统自动将模型的所有字段添加为表格列,如图6所示。 图6 绑定数据模型后的表格列 选中“表格”,在右侧“已添加列”中,单击“Profile”后的,删除“Profile”字段。 图7 删除字段 单击“User Name”后的,修改“列标题”为“用户名”。
开发“维修工程师处理工单”功能 “维修工程师处理工单”功能包含“工程师查看待处理工单列表页面”和“处理工单对话框”两个页面。 创建“处理工单”脚本 创建“判断下一步状态”脚本 创建公共接口 组装“处理工单”对话框 组装“待处理工单”页面 父主题: 工单管理开发
在AstroZero标准页面中,通过系统预置的事件编排器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区:集
外,请确保其他5个参数的参数名与设备对象(HW__Equipment__CST)的字段名保持一致。注意这里的下划线是两个,要与表1里的字段保持一致,HW__需要修改为实际的命名空间前缀。 图6 添加模型包含的参数 方法保持不变,单击“确定”。 单击页面上方的,保存设置。 定义与API(editEquipment:1
创建业务逻辑 创建“查询设备”脚本 创建“查询设备”服务编排 创建“删除设备”脚本 创建“查询设备列表”脚本 创建公共接口 父主题: 开发“管理设备”功能
模型与前端组件的绑定分为值绑定和属性绑定,绑定会在指定组件上创建双向数据绑定。 典型的值绑定场景有:表单、表格、列表视图对应的model绑定,以及输入框、下拉框等基础组件对应的value绑定,类似Vue的v-model。 典型的属性绑定场景有:下拉框的选项值、步骤条的步骤值等,类似Vue的v-bind。
AstroZero的服务编排,支持对逻辑判断组件、数据处理组件,以及脚本、子服务编排、商业对象等进行可视化组合编排,实现丰富的业务功能。 了解服务编排 在传统的开发中程序员一般是基于代码进行开发,程序员需要学习内容较多,开发效率相对低一些,开发门槛也高。AstroZero的服务编排功能,类似
绑定对象模型后,系统自动将模型的所有字段添加为表格列,如图8所示。 图8 绑定数据模型后的表格列 选中上图中“已添加列”中的任意一项,上下拖动调整列的显示顺序。 单击上图中每个字段后的,修改列标题等字段属性。 以“设备编码”为例,其属性配置如图9所示。 图9 设置“设备编码”列的属性 表3 修改各字段的显示属性
已存在工单,则说明搜索功能正常。 验证页面跳转事件。 单击“创建工单”,验证是否跳转到“生成工单”页面。如果页面跳转到工单列表页面,则说明验证成功。 因当前生成工单页面相关的BPM尚未创建,这里还无法验证创建工单功能。 父主题: 开发“客服人员创建工单”功能
用户登录脚本是组装“业务用户登录”页面中,自定义登录组件调用的业务逻辑,之前创建的登录页只有前端页面,本节将创建完整的登录业务逻辑。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“User”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
公共接口是对脚本、服务编排和对象进行再包装的一种方式。将创建的脚本、服务编排、对象包装成一个新公共服务,可以使得接口的URL地址的表达形式更规范,方便让前端页面或第三方系统进行调用。 因此,在创建完后台逻辑后(服务编排、脚本、对象),就需要先将此接口包装成标准的公共接口,才能被调用。本章节中
data”取值修改为“是”(如果为否,通过脚本创建出来的业务用户无法正常登录)。 图1 修改“bingo.security.sensitive.data”的值为“是” 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“User”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
因当前还未创建工单状态流转的BPM,因此派单功能还不能正常测试运行。本节只验证页面显示及跳转相关内容。 在“HW__dispatchWorkOrder”页面中,单击界面上方的,进入页面预览,在页面预览中进行以下验证。 查看页面显示:正常情况下,系统会显示客服人员创建的工单,且每条记录后都
在经典版应用开发页面,单击左侧导航栏下方的“服务”,进入公共接口创建页面。 图1 服务入口 在公共接口中,单击“新建”。 图2 公共接口创建 创建“用户登录”、“用户注册”脚本对应的公共接口,详细接口信息如表1所示。 如果在“资源”下拉框中,未找到需要关联的脚本或服务编排,请检查相关脚本和
选中“输入框”组件,单击“数据绑定”下“值绑定”的,在弹窗中选择“ userInfo”下的“username”字段。 修改“标签”为“用户名”,“占位符”为“请输入用户名”。 设置第二个“输入框”属性。 添加值绑定。 选中“输入框”组件,单击“数据绑定”下“值绑定”的,在弹窗中选择“ userInfo”下的“password”字段。
在“输出参数”下,单击5次“新增行”,依次添加下拉选项中的输出参数字段,并从“变量”中拖拽相应的字段到“目标”输入框下,字段与变量对应关系如图6所示。 请直接从全局上下文拖拽“变量”到对应的输入输出参数下,请勿手动输入,手动输入的值系统可能不识别。 图6 拖拽脚本的输入输出参数 配置“判断账号密码”决策图元。