检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 编辑设备页面预览 页面上包含输入框(设备编码、设备名称、设备型号和地址)、选择框(设备品牌)和级联选择框(省市区)。其中,“省/市/区”级联框不仅要值绑定,还需要做属性绑定: 级联框的选项:以属性绑定的方式,与cascaderOptions关联。
组装“设备管理”页面 通过组装设备管理的标准页面,实现对设备对象的增、删、改、查处理。 页面分析 管理设备页面需要实现以下功能,如图1所示: 工具栏保留“新增设备”按钮,单击“新增设备”按钮,跳转到设备详情页面。 查询结果增加操作列,包含编辑和删除图标。
如果需要运行应用,则需要在运行环境“管理”中创建工作队列、创建权限配置,再参考应用业务测试中的步骤运行应用。 在“应用程序列表”的“设备运维管理”应用中,单击,进入应用,查看应用的登录页面。
在运行环境或沙箱环境安装一个应用 在开发环境中开发并发布好应用后,可以在沙箱环境或者运行环境中进行安装,以便于测试或者使用该软件。 前提条件 开发者已经在开发环境中发布应用到“我的仓库”,具体操作请参考如何将应用发布到“我的仓库”,打包编译时选择“资产包”。
图1 学习地图 脚本 公共接口 标准页面 父主题: 开发“编辑设备”功能
结果验证 在状态机编辑页面,单击,在右侧输入测试参数。 图10 测试 事件:状态机接收的事件,本示例配置为“temperature_obtain__e”。
在移动端开发零码应用 登录华为云Astro轻应用移动端零代码工作台 在移动端创建空白应用 在移动端使用模板创建应用 应用管理(移动端) 表单管理(移动端)
创建业务逻辑 创建“查询设备”脚本 创建“查询设备”服务编排 创建“删除设备”脚本 创建“查询设备列表”脚本 创建公共接口 父主题: 开发“管理设备”功能
创建业务逻辑 “编辑设备”功能主要通过调用并执行一个具有“编辑设备”功能的脚本,实现编辑设备信息功能,并在修改设备信息时,能够根据设备id号,直接修改设备信息,因此需要在开发页面前,先创建一个“编辑设备”和“按ID查询设备详情”脚本。
为此,华为云Astro轻应用提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局,并为绝对布局提供“拉伸”功能辅助自适应。另外,为确保自定义组件能够自适应不同分辨率设备,在组件开发中用户需要遵从响应式布局设计规范。组件的响应式设计,是高级页面适配多终端的重要前提。
公共接口 公共接口是对脚本、服务编排和对象进行再包装的一种方式。将创建的脚本、服务编排、对象包装成一个新公共服务,可以使得接口的URL地址的表达形式更规范,方便让前端页面或第三方系统进行调用。 因此,在创建完后台逻辑后(服务编排、脚本、对象),就需要先将此接口包装成标准的公共接口,
例如,某商品分为上架、下架和测试三个阶段。当前商品导航条页面下拉框A中,展示的选项是所有状态的商品,会出现很多脏数据,导致用户难以正确选取。此时,可以通过添加一个输入框B,实现下拉框A的选项值根据输入框B输入的值进行筛选。
资产包一般用于测试、部署或正式运行,支持在开发环境(不能安装开发者自己开发的资产包)、沙箱环境以及运行环境中安装使用。 在开发环境安装应用资产包后,可在应用开发页面的“资产 > 应用资产 > 已安装的”中查看,且只能查看,不支持编辑。
图2 公共接口创建 创建“编辑设备”脚本“HW__editEquipment”的公共接口。
将开发的应用发布成移动端小程序:将应用发布为移动端小程序,如Welink-We码、WeLink轻应用和微信等。 管理华为云Astro轻应用中已安装的应用 使用华为云Astro轻应用完成应用的开发后,您还可以在华为云Astro轻应用中对已开发或安装的应用进行管理。
应用正式发布上线前,需要在测试环境上进行测试,华为云Astro轻应用使用沙箱环境作为测试环境,四种规格套餐均支持购买沙箱。 表1中的“不限制”,是在系统允许的范围内不进行限制。若想了解更多,请参考华为云Astro轻应用License。
电话 电话组件用于录入11位数的手机号码。系统已预置校验格式,当用户输入手机号不正确时,会报错。 在表单开发页面,从“数据组件”中,拖拽“电话”组件至表单设计区域,如图1。 图1 电话 显示名称:该字段在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。
(可选)测试连接器。 在连接器详情页面,单击“测试”。 选择接口,设置入参后,单击“测试”。 图3 配置测试页面 选择接口:调用的IEF的接口名。 入参:调用接口的入参,所有接口的入参合集如下: project_id:项目ID。 node_id:边缘节点ID。
查看用户列表中是否有测试数据。 图18 业务用户管理 单击“新增用户”,查看是否弹出“业务用户注册”页面,如果正常显示,则说明按钮事件代码正确,如果不显示弹窗,请检查按钮事件代码。
标准页面主要是通过对前端页面组件的组合编排,以及为组件配置属性、关联事件实现业务功能的,在组装“编辑设备”页面章节,则会详细介绍组件、组件属性以及事件之间的调用及相关配置。 标准页面的编辑环境也称为UI Builder,UI Builder是图形化、无码化的前端页面在线开发工具。