检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
两部分,可以通过切换标签来控制详情展示模块中的展示内容。 图1 标签切换效果 本章节主要在高级页面中,通过两个组件(标签页组件、信息展示组件)复现上述场景。其中,标签页组件包含产品类别(手机、笔记本、平板等),信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制
相对于高级页面,标准页面主要用于对前端页面的样式要求相对简单的场景,这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排,以及为组件配置属性、关联事件实现业务功能的,在组装“编辑设备”页面章节,则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
组装“业务用户管理”页面 “业务用户管理”页面主要是通过页面对象模型与“PortalUser”标准对象绑定,并在前端页面保存新增业务用户时,调用“用户注册”逻辑,完成对该对象进行增删查的操作,实现业务用户管理功能。 结合页面需求,页面需要创建如下模型: 表1 模型分析 模型名称 作用
“客服人员创建工单”包含客服人员生成工单和查询工单两个功能,这两个功能分别通过两个标准页面实现: 生成工单页面:客服人员输入工单信息,生成工单页面。 工单列表(客服人员)页面:客服人员在工单列表页面查询工单信息,查看所有工单的列表页面。 学习地图 如图1所示,通过本章的学习和实践,您将进一步了解“标准页面”的能力,包括:
介绍请参见如何引入第三方库。 流程-历史 流程-历史组件为BPM流程使用的历史记录组件,根据当前BPM流程信息显示执行历史记录。 在标准页面设计界面,从“基本组件 > 流程”中,拖拽“流程-历史”组件至页面工作区域,如图3。 图3 流程-历史 属性 数据绑定:通过建立不同类型的视
创建用户注册脚本 通过创建用户注册脚本,完成添加业务用户账户的业务逻辑,以供“业务用户注册”页面调用。 前提条件 参考如何登录经典版环境配置中操作,登录经典版环境配置,将“系统管理 > 系统参数 > 内置系统参数”中的参数“bingo.security.sensitive.dat
系统参数补全:脚本代码中引入系统参数的代码行中,对参数名称进行推荐提示。如下图所示,开发者键入“sys.getParameter”后,提示相关系统参数。 图17 系统参数补全 样例代码解读 通过以下详细的脚本代码内容解读,对脚本有一个更具体的认识。一般情况下,编写脚本的大致流程为: 按需引入平台标准库。
login 类型 选择资源类型,只有服务编排类型的接口能够在服务编排中被调用,其他类型接口只能通过API的形式进行调用。 服务编排 资源 根据类型选择需要绑定的资源。 选择步骤二:通过服务编排开发登录页后端逻辑中创建的服务编排,请确保服务编排已启用,否则此处选择不到。 方法 API接口的HTTP方法。
创建用户登录脚本 用户登录脚本是组装“业务用户登录”页面中,自定义登录组件调用的业务逻辑,之前创建的登录页只有前端页面,本节将创建完整的登录业务逻辑。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“User”目录中,将鼠标放在“Script”上,单击界面上
当前登录页中,输入业务用户账号及密码,单击“登录”的登录逻辑是通过“自定义登录”组件,调用用户登录服务编排完成的。 在预览的登录页面中,输入配置了权限的业务用户的账号密码,单击登录后,如果页面跳转到“Home”页面,则业务用户登录成功。 父主题: 通过AstroZero开发业务用户登录页
如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式 如何引入第三方库 父主题: 经典版开发指导
创建公共接口 创建与脚本“HW__deleteEquipment”、“HW__equipmentSelectListQuery”以及服务编排“HW__queryEquipments”一一对应的公共接口,让页面直接调用这种公共接口。 由于脚本“HW__queryEquipments
创建“派单功能”脚本 当派单员选择派单的下一步接单人时,需要修改工单状态及处理人,因此需要创建一个实现“派单功能”的脚本逻辑,该脚本逻辑不是页面直接调用,而是通过后端BPM调用运行的。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“Sc
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作,您可以根据需要直接使用,来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例,介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能,即重置表单数据。
属性绑定。 基本属性:基本属性通过数据绑定后,在运行时以数据绑定的值为准。 默认分页大小:设置默认每页条数(分页大小)。 每页条数切换的配置:每页条数切换的配置,如[10,20,40,100]。 大小:分页显示大小,可选值为small(迷你版)或不填(默认)。 简洁版:是否简洁版显示分页样式。
创建公共服务接口 前端页面支持通过页面创建的服务对象调用脚本,但是为了避免各种权限之间的配置,这里通过创建与脚本“HW__editEquipment”、“HW__queryEquipmentDetail”一一对应的公共接口,让页面直接调用这种公共接口。 操作步骤 在应用中,单击下方“服务”,进入公共接口创建页面。
创建“删除设备”脚本 当用户操作“删除”图标删除某条设备记录时,需要根据Id在设备对象中删除设备,因此需要创建一个根据Id“删除设备”的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
组装“派单”对话框 “派单”对话框负责指定下一环节的工单状态和处理责任人,用标准页面功能实现。 派单界面的大致构想如图1所示,其中“工单ID”是为了传递维修工单信息。 图1 派单员派单对话框 页面模型负责与页面组件交互,传递派单需要的工单ID、工单状态、下一环节处理人等信息。结合页面需求,可知需要创建如下模型:
开发“生成工单”功能 创建“生成工单”脚本及公共接口 组装“生成工单”页面 添加页面事件 父主题: 开发“客服人员创建工单”功能
创建“查询维修人员”脚本 当派单员选择派单的下一步接单人时,需要先查询出,维修人员的列表,然后才能将流程走到维修人员的名下,因此需要创建一个“查询维修人员”的脚本逻辑。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“