检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
挂载前端页面 应用开发完成后,要将页面挂载到导航条上,作为应用菜单,在应用预览时,查看应用相关页面。应用菜单仅支持开发者号的管理员查看,业务号只能查看对应权限的页面。 操作步骤 在经典版应用开发页面,单击左侧导航栏下方的“配置”。 图1 应用配置入口 在“导航条”页签,单击“菜单树”右侧的“+”,选择“添加页签”。
否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 单击,从“全部
创建“业务用户登录”页面 背景与原理 (可选)开发自定义登录组件 上传自定义登录组件 组装“业务用户登录”页面 父主题: 创建应用
为AstroZero高级页面组件绑定数据 使用桥接器为AstroZero高级页面组件绑定数据 使用WebSocket为AstroZero高级页面组件绑定数据 父主题: 高级页面
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性 设置
参考“提交”按钮,给“取消”按钮定义以下代码事件 //返回工单列表页面 context.$page.loadStdPage('HW__workOrderList'); 单击“创建”,退出事件编排窗口。 验证 页面组装及事件添加完成后,需要在预览页面,初步检查页面预览效果,验证页面的数据绑定及事件代码正确性。当前工
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 在设计页面左上方单
为AstroZero高级页面添加自定义组件 在线开发AstroZero高级页面自定义组件 管理AstroZero高级页面自定义组件 父主题: 高级页面
添加事件或宏实现AstroZero高级页面组件交互 通过事件动作实现AstroZero高级页面内组件的交互 通过宏实现AstroZero高级页面间组件的交互 父主题: 高级页面
分享 单击,设置分享规则。 对内部用户分享:分享给内部用户进行访问,内部用户包括如何给业务用户授权?中分配角色的用户。分享后,内部用户输入用户名和密码登录后,即可填报数据。 图2 对内部用户分享 打开:在新窗口打开填报。 复制:复制链接分享给用户填报。 :二维码扫码填报(支持We
统计页面组件介绍 饼图 柱状图 折线图 汇总值 透视图 父主题: 制作统计报表多维度展示数据
AstroZero标准页面事件编排器概述 在AstroZero标准页面中,通过系统预置的事件编排器,或者直接通过定义JavaScript代码,来实现页面组件与后台接口之间的交互。 认识事件编排器 图1 事件编排器 事件编排是页面的重要组成部分,用于承载页面中的逻辑,完成事件响应,以帮助用户快速高效地实现页面所需要呈现的功能效果。
在右侧“事件”页签中,单击,进入添加动作页面。 在“内置动作”中,单击“打开页面”,配置目标页面、打开方式等参数,单击“创建”。 图2 打开页面 目标页面:设置待打开的目标页面。 当前应用页面:当前应用中,已创建好的页面。 URL:某个页面的URL。 重新加载当前页面:加载刷新当前的页面。 打开方式:设
组装“生成工单”页面 “生成工单”对应设备管理流程的第一个节点,客服人员使用这个页面完成维修信息录入,生成维修工单,并提交给派单人员处理。该页面使用标准页面组装实现。 页面组件分析 “生成工单”页面的组装过程如下: 在页面中,拖入一个容器组件。 在容器组件中,拖入一个表单组件和容器组件。
单击“创建”,关闭事件编排器,返回到页面。 单击页面上方的,保存页面。 验证 在页面预览中,检查页面效果。 单击界面上方的,进入预览应用页面。 系统会弹出“HW__editEquipment”预览页面。 检查“设备品牌”下拉框,“省市区”级联框的选项是否正确。 选项正确,则说明自定义模型、页面组件与模型绑
内置的模板代码,主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时,可直接使用系统预置的API,相关API说明,请参见标准页面中预置的API。 图1 使用内置的模块代码 图2 内置模板代码 当代码较多时,可以单击代码编辑区域右上侧的,最大化代码编辑页面。 单击具体模板代码事件左
BPM如何与页面交互 BPM中一个重要的内容就是用户任务,而用户任务所有的交互都通过页面实现的。在BPM中使用页面与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础,如果没有相关的背景知识,可以先从 标准页面 和 高级页面开始学习。 图1 BPM与页面交互 B
参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“编辑”。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择“
footerHide:false用于控制弹出页面上的按钮是否显示,默认为false表示不显示,设置为true可显示按钮。 子页面中关闭当前页面 API:Page.$popup.get(Page.$root.popupKey).close(); 页面类 获取当前页面 API:context.$page
高级页面中预置的API 在开发高级页面过程中,系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时,需要定义“组件名.js”文件,该文件为组件逻辑文件,是整个组件的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明,请参见表1。