检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API。 图1 使用内置的模块代码 图2 内置模板代码 当代码较多时,可以单击代码编辑区域右上侧的,最大化代码编辑页面。 单击具体模板代码事件左
组装完成后,整个页面有4个区域,如图1所示。 图1 生成工单页面 其中,“基本信息”、“设备信息”是通过数据绑定页面模型直接创建的表单,“其他信息”及“按钮”区域是手动拖入的组件,然后再进行数据绑定,页面中详细组件分布如图2所示。 图2 页面组件分析 页面模型分析 页面模型负责与页面组件交
或者在主菜单中,选择“维护”,单击“全局元素 > 业务用户”。 为用户或业务用户配置相应的权限,该用户即可获取调用相应API接口的权限,否则将无法通过API接口的业务权限凭证校验。 图5 为用户或业务用户添加权限 AstroZero对用户和业务用户,在业务权限凭证校验的处理有所不同。平台用户在业务权限凭证校验失败
参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“编辑”。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择“
单击“创建”,关闭事件编排器,返回到页面。 单击页面上方的,保存页面。 验证 在页面预览中,检查页面效果。 单击界面上方的,进入预览应用页面。 系统会弹出“HW__editEquipment”预览页面。 检查“设备品牌”下拉框,“省市区”级联框的选项是否正确。 选项正确,则说明自定义模型、页面组件与模型绑
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。
BPM如何与页面交互 BPM中一个重要的内容就是用户任务,而用户任务所有的交互都通过页面实现的。在BPM中使用页面与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础,如果没有相关的背景知识,可以先从 标准页面 和 高级页面开始学习。 图1 BPM与页面交互 B
footerHide:false用于控制弹出页面上的按钮是否显示,默认为false表示不显示,设置为true可显示按钮。 子页面中关闭当前页面 API:Page.$popup.get(Page.$root.popupKey).close(); 页面类 获取当前页面 API:context.$page
游客如何访问高级页面/标准页面 在AstroZero开发环境中,应用开发完成后,仅开发者账号可预览高级页面和标准页面。当应用发布到运行环境后,游客可直接访问高级页面,标准页面本身属于管理后台的表单类页面,AstroZero不支持游客直接访问和预览标准页面,但可以通过高级页面跳转到标
不勾选使用连接器,表示图片来源取自平台接口。选择图片后实际存储的是图片id,页面随应用打包时会将图片一起打包,在新环境安装后无需重新上传配置。 连接器设置 选择连接器:选择有存储功能的OBS类型连接器。OBS连接器配置完成后,才可以进行图片的查询、上传等操作,连接器的配置方法请参见对接OBS云对象存储实例。
实现应用登录页面功能。登录页面开发流程,如图2所示。 图2 应用登录页面开发流程 业务用户登录页面即是设备维修管理系统的应用登录界面,大致设想如图3所示。 图3 应用登录页面 父主题: 创建“业务用户登录”页面
请参考高级页面桥接器中预置的API。在应用开发界面左侧列表单击,选择“高级页面 > 桥接器模板”,下载模板解压后可查看API调用示例。 在本地开发桥接器相关文件,并打成Zip包。 参考登录经典应用设计器中操作,登录经典版应用设计器。 在左侧列表中,单击,选择“高级页面 > 桥接器模板”。
单击“创建”,关闭事件编排器,返回到页面。 单击页面上方的,保存页面。 验证 单击界面上方的,进入预览页面,查看页面的展示效果,并验证以下功能: 在界面上单击“新增设备”,查看是否跳转到“编辑设备”页面,如未跳转,请检查事件代码中页面名称前缀是否是实际空间名。 检查“编辑设备”页面的“设备品牌”下拉框,“省市区”级联框的选项是否正确。
组装“工单管理”页面 管理员的“工单管理”页面与“工单列表(派单员)”页面相比,大致功能一致,仅多了一个创建工单功能,和操作列中的删除按钮。因为两个页面很相似,所以为了快速创建,将通过“工单列表(派单员)”页面另存一个页面,然后再改造这个另存后的页面成为“管理员管理工单”页面。 “工单
使用说明 标准页面是通过数据模型驱动的,通过绑定数据模型可以快速获取后台数据,并体现到页面组件上。因此,为了获取后台数据,需要先定义页面数据模型,再进行与前端组件的绑定。在将模型与前台页面组件或后台逻辑绑定后,开发者只需要关注模型数据的实例化和处理,不需要关注页面的渲染和展示。 定义页面数据模型
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释:
而消息事件通常通过服务编排、数据接入等进行触发。 在前端高级页面组件开发中,用户可通过以下方式创建WebSocket对象。参数url为需要连接的地址,填写前面提到的客户端订阅地址。 var ws= new WebSocket(url); 实例化对象可监听以下事件,更多WebSo
(可选)开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过,本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法,可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中,单击“widgetVueTemplate”,再单击“下载”。
OBS:通过OBS类型连接器,存储到华为OBS(Object-based Storage Service)上。 MINIO:通过MINIO类型连接器,存储到MINIO上。 OBJECTSTORAGEPROXY:通过OBJECTSTORAGEPROXY类型连接器,存储到相应服务器上。
入应用开发页面。 在页面左上方单击,选择“环境管理 > 环境配置”,进入环境配置。 在主菜单中,选择“维护”。 在左侧导航栏中,选择“全局元素 > 业务用户”。 在业务用户列表中,单击需要编辑业务用户的用户名,例如“test_cs”,进入业务用户详情页面。 当业务用户比较多时,可