检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在标准页面的详情页面,可查看标准页面的标签、归属APP和版本等信息。 移动标准页面 标准页面创建后,支持将标准页面移动到拥有开发权限的应用中。例如,A应用中创建的标准页面,在B应用中也会用到,为避免多次重复创建,可以将A中的标准页面先克隆,再移动到B应用中。 参考登录AstroZero新版应用设计器中操作,进入应用设计器。
开发高级页面 自定义高级页面组件 对象 AstroZero中的对象(也可以称为Object)相当于传统方式开发业务系统时,数据库中创建的一张表。每个对象对应一张数据库表,用于保存业务系统需要的配置数据和业务数据。AstroZero中的对象分为如下几类: 标准对象:系统预置的对象,对象
单击“创建”,退出事件编排窗口。 实现“显示设备详细信息” 通过定义“基本信息”区域“设备名称”下拉框的“数据改变”事件,可以实现根据所选设备,在“设备详情”区域显示设备信息。 在“HW__createWorkOrder”页面中,选中“设备名称”下拉框。 图1 添加“数据改变”事件代码
能大致相同,仅多了一个创建工单功能、操作列中的删除按钮,因此需要多创建一个实现删除工单功能的后台逻辑。 创建脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
“生成工单”功能对应电梯管理流程的第一个节点,客服人员在录入完成维修信息、提交维修单时将会调用“生成工单”脚本及公共接口。 创建“生成工单”脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
默认为选中,对信息敏感的场景,建议不勾选。 设置完成后,单击“保存”。 在脚本中调用连接器 在脚本中,调用已创建的连接器,实现用户登录微信公众号。 在微信客户端的H5页面,发起AJAX请求,用于获取code。 请求示例如下: https://open.weixin.qq.com/connect/oauth2/authorize
页面模型需要先定义,然后再与页面组件进行绑定。 对于设备维修工单,需要录入的信息包括:工单基本信息、设备信息以及工单扩展信息。 打开创单页面,有如下处理逻辑: 在“基本信息”区域指定“设备名称”时,在“设备详情”区域自动显示设备信息。该能力需要开发(equipmentSelectListQuery)脚本实现。
录,类似于数据库中的SELECT命令。 如何使用记录查询图元 在基本中,拖拽“记录查询”图元至画布中。 选中记录查询图元,单击,设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签,用于在服务编排设计页面展示。系统会自动填入该值,格式为RecordSelect
在左侧导航栏中,选择“设置”,进入应用设置页面。 图1 选择设置 在外观设置中,设置应用布局样式。 桌面端:设置应用在PC端显示的样式。 移动端:设置应用在移动端显示的样式。 应用主题:系统预置的主题颜色,单击“管理应用主题”,可自行设计应用主题。 布局选项:提供了一些常见选项,用于设置应用布局。
因为两个页面很相似,所以为了快速创建,可以将“工单列表(客服人员)”页面保持为一个模板,再引用这个模板创建新的页面。 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。 使用“工单列表(客服人员)”页面创建新页面。 打开“HW__workOrderList”,单击锁定页面。 单击页面上方的,另存为页面。
工单列表(客服人员)页面中,为了实现查询并显示已有工单信息功能,需要开发“查询工单”脚本和对应公共接口。 创建“查询工单”脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。
创建“判断下一步状态”脚本 在“我的应用”中,单击“设备维修管理系统”,进入应用。 在“WorkOrder”目录中,将鼠标放在“Script”上,单击界面上出现的“+”,在弹出菜单中选择“脚本”。 在弹窗中,选中“创建一个新脚本”,在“名称”文本框中输入“judgeNextStatus”,单击“添加”。
图1 消费者业务网站示例 本章节主要在高级页面中,通过两个组件(标签页组件、信息展示组件)复现上述场景。其中,标签页组件包含产品类别(手机、笔记本、平板等),信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互,在标签页组件中注册标签切换事件,此事件绑定信息展示组件中切换产品图片的动作。
显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。 裁剪:单击“裁剪”,可裁剪图片大小。 图片比例:设置显示的图片比例。 对齐方式:选择图片的对齐方式。
向量。 设备接入IoTDA 通过设备接入IoTDA Source,可快速配置HTTP消息、鉴权设置,并接收设备接入IoTDA发送的消息。 图3 IoTDA配置信息 图4 定义IoTDA元数据 表2 接入IoTDA设备参数说明 类别 参数 说明 配置信息 标签 数据源设备接入IoTDA的标签名,用于在页面显示。
设置完成后,单击“确定”。 扩展 单击“新增行”后的或者,可在当前“分栏”上方或者下方新增分栏(即新增行)。 图4 在上方增加一行 行布局 系统支持设置PC端或者手机端布局,并默认提供了一些常见的行布局,如单栏、二等分栏等。单击在“行布局”中的某一个模式,例如单击,当前分栏将被分割成3栏,如图5所示。 图5
行环境默认域名为“appcuberun.cn-north-4.huaweicloud.com”。 免费版不提供运行环境,请参考购买AstroZero商用实例,请购买专业版或专享版后,再进行打包发布操作,并在运行环境安装该应用。 AstroZero中的用户 AstroZero中存在
模式“客户端模式”(client_credentials)和“密码模式”(password)。 认证地址:获取access_token的请求路径。 客户端ID:client_id,客户端模式下必填,密码模式下如果有提供请填写。 客户端密钥:client_secret,客户端模式下必填,密码模式下如果有提供请填写。
"introductionPageID": null, "isIncremental": false, "label": "手机销量统计", "lastModifiedBy": "10gd000000bZHUAq7Pea", "lastModifiedBy.__objectType":
“工单列表(客服人员)”页面与查询设备列表页面类似,包含工单查询条件、工单列表,以及创建工单的入口,用标准页面功能实现。 如图1所示,工单列表(客服人员)页面主要是一个表格、“创建工单”按钮及表格查询区域构成。 图1 工单列表(客服人员) 操作步骤 在“我的应用”中,单击“设备维修管理系统”,进入应用。