检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建用户登录服务编排 用户登录服务编排通过调用脚本、编排图元等操作实现用户登录完整逻辑。 实现原理 图1 用户登录服务编排大致设想 如图1所示,用户登录服务编排业务逻辑实现过程如下: 通过调用“用户登录”脚本,查询登录账户密码,然后使用“决策”图元进行判断,判断当前登录的账号密码是否正确。
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作,您可以根据需要直接使用,来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例,介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能,即重置表单数据。
如何通过JS代码,实现页面与后台接口间的交互 使用说明 如果您擅长编写JS代码,可以不使用事件编排器中的内置动作,直接通过手动编写JS代码实现事件的逻辑功能。低代码平台支持在手动编写JS代码时,进行代码联想提示,并封装了一些常用功能的接口,并将其中典型接口做成模板,供您直接使用。
创建“编辑设备”脚本 “编辑设备”脚本实现的功能是向设备对象中插入1条新记录,或者更新1条记录。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。 在弹窗中,
创建公共接口 参考之前创建公共接口的步骤,创建“查询维修人员”脚本对应的公共接口。 操作步骤 在经典版应用开发页面的设计视图下,单击“服务”,进入公共接口创建页面。 图1 服务入口 单击“新建”,如下图所示。 图2 公共接口创建 创建“处理工单”、“判断下一步状态”脚本对应的公共接口,详细接口信息如表1所示。
管理员的“工单管理”页面与“工单列表(派单员)”页面相比,大致功能一致,仅多了一个创建工单功能,和操作列中的删除按钮。因为两个页面很相似,所以为了快速创建,将通过“工单列表(派单员)”页面另存一个页面,然后再改造这个另存后的页面成为“管理员管理工单”页面。 “工单管理”页面是在“工单列表(派单员)”
创建“处理工单”脚本 “维修工程师处理工单”功能包含两个页面,一个是工程师查看待处理工单列表页面,一个是处理工单对话框页面。首先需要创建“处理工单”脚本。 操作步骤 在经典版开发环境“首页 > 我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将
创建“查询设备”脚本 管理设备页面中,实现输入设备的信息,查询出对应设备的全部信息功能,需要开发“查询设备”脚本和服务编排。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”目录中,将鼠标放在“Script”上,单击界面上出现的,在弹出菜单中选择“脚本”。
添加页面事件 通过在“HW__createWorkOrder”页面上,定义页面事件,实现将工单信息存入到工单对象中。 实现“根据设备编码自动加载工单其他信息” 在“我的应用”中,单击“设备维修管理系统”,进入应用。 单击打开“HW__createWorkOrder”页面。 添加页面事件代码。
创建“删除工单”脚本及公共接口 管理员的“工单管理”页面与“工单列表(派单)”页面相比,功能大致相同,仅多了一个创建工单功能、操作列中的删除按钮,因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrde
如何配置组件多语言 使用说明 通过配置Widget多语言,实现Widget在不同语种环境下都可正常显示。单击下载链接,获取样例包“widget_demo_i18n.zip”。 操作步骤 参考1中操作,模板选择“widgetVueTemplate”新建Widget(示例开发包为“widget_demo_i18n
开发“客服人员查询工单”功能 创建“查询工单”脚本及公共接口 组装“工单列表(客服人员)”页面 父主题: 开发“客服人员创建工单”功能
$GlobalConstant.Null} start 分页查询开始条目 数字 {!$GlobalConstant.Null} total 查询到的总条目数 文本 不设置 在服务编排中添加并配置脚本图元。 从左侧拖拽脚本图元到画布中。 修改图元的基本信息,“标签”和“名称”都设置为“queryEquipments”。
布局”中,拖拽“模态框”组件至页面工作区域,如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。
息”。 将2级容器作为“按钮”区域。 组装完成后,整个页面有4个区域,如图1所示。 图1 生成工单页面 其中,“基本信息”、“设备信息”是通过数据绑定页面模型直接创建的表单,“其他信息”及“按钮”区域是手动拖入的组件,然后再进行数据绑定,页面中详细组件分布如图2所示。 图2 页面组件分析
件代码。 页面组件分析 分析图1的组成,可以将整个页面分割为3个区域:页面标题、查询条件和待处理工单列表区域,如图2所示。 待处理工单列表通过在列表视图中,使用2个“分栏”的嵌套,组装出待处理工单列表区。 图2 页面组件分析 操作步骤 以下操作步骤只是给出的大致的拖拽方法,您可以
创建“按ID查询设备详情”脚本 修改已存在的设备信息,则需要创建可以根据设备ID查询出设备详情的脚本。 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在“Equipment”中,将鼠标放在“Script”目录上,单击界面上出现的“+”,选择“脚本”。 在弹窗中,选中“
存图标。 设置后,在租户库中会出现创建的主题。 图8 查看库 打开标准页面,在右侧“库”中单击“新增库”,查找并引入主题库,单击“确定”。 图9 新增库 图10 引入库 返回标准页面,单击“预览”按钮,在弹出的效果页面会看到自定义样式后的效果,如图11。 图11 代码化新建的效果界面
二维码 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“二维码”组件至页面工作区域,如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
设置后,在租户库中会出现创建的主题“按钮字体颜色为黄色”。 图4 查看已创建的主题 打开标准页面,在右侧“库”中单击“新增库”,查找并引入主题库“按钮字体颜色为黄色”,单击“确定”。 图5 在标准页面引入主题库 预览标准页面,查看效果。 显示如图6所示,表示配置成功。 图6 启用主题后标准页面预览效果 父主题: