检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
详细说明 默认 页面跳转 跳转至其他页面,配置参数说明: 页面类型:设置待跳转的页面是当前应用中的标准页面、高级页面或外部页面。 高级页面、标准页面、外部页面:选择高级页面、标准页面或输入外部页面的地址。 动作参数:通过页面宏传递参数,可暂且不关注。 页面打开方式:设置跳转页面的打开方式
如何调测前台页面 使用说明 在高级页面开发过程中,常需要调测自定义组件或整个前台页面,本节将介绍高级页面调测的常用工具。对于自定义组件的开发和调试,AstroZero提供Scaffolding脚手架工具,可实现本地开发组件的实时在线调测。对于前台页面中常遇到的样式或功能问题,可借
单击“页面”后的“+”,在添加标准页面中选中“基于模板”。 设置页面的标签和名称,单击“下一步”。 表2 标准页面参数说明 参数 说明 标签 输入标准页面的标签名,用于在页面显示,创建后可修改。 取值范围:1~64个字符。 名称 输入标准页面的名称,名称是标准页面在系统中的唯一标识,创建后不可修改。命名要求如下:
开发绝对布局类型的高级页面。 以开发如下所示高级页面为例,向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示,示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方,单击,设置背景图片。 图3 设置页面背景色示例 查找并拖入
的事件以更新数据。 为了方便演示说明,新建一个标准页面,向页面中拖动一个“按钮”组件和一个“模态框”组件。将模态框绑定在一个数据模型上,当按钮被单击时模态框弹出,实现组件间通过数据模型交互的效果,如图2。 图2 “值绑定”示例页面 选中“模态框”组件,在右侧属性配置面板配置值绑定
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
在左侧导航栏中,选择“应用管理 > 页面资产管理 > 页面模板”,可查看到当前环境该账号下已有的高级页面模板和大屏页面模板。 在页面模板列表中,单击具体页面模板后的,可预览相应的页面模板。 单击,可删除相应的页面模板。 父主题: 管理页面资源
自适应高度:组件的高度是否随宽度改变。 开启:勾选该按钮,下方可见页面适配功能。 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。 边框 设置组件的边框样式,支持全边框和角边框两种。 全边框 样式
在模型字段中,单击,进入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠标单击事
中数据。 图5 为对象添加数据 新建对象模型。 在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”,将页面从设计视图切换到模型视图。 单击“新增模型”,输入模型名称(link)、“来源”选择“对象”,单击“下一步”。
单击已有统计页面后的,选择“导出”。 当前仅支持导出png格式的统计页面。 图1 导出统计页面(运行态) 您也可以在应用开发页面,单击页面右上角的“编辑应用”,进入编辑应用页面。在编辑应用页面,单击待导出统计后的,选择“导出”。 图2 导出统计页面(开发态) 父主题: 制作统计报表多维度展示数据
设置完成后,单击“发布”,即可将高级页面发布为模板。 高级页面发布为模板后,可以基于模板创建新的页面,也可以管理页面模板。 基于高级页面模板,创建新的高级页面。 在添加高级页面时,可选择基于已创建的模板创建新的高级页面。 图4 选中模板创建高级页面 预览或删除高级页面模板。 在AstroZero环境配置的“维护
克隆统计页面 当业务场景相似时,可以通过克隆统计页面后进行修改,完成统计页面的快速开发。 克隆统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。
高级页面 AstroZero高级页面概述 创建AstroZero高级页面 为AstroZero高级页面添加组件 设置AstroZero高级页面预置组件属性 为AstroZero高级页面添加自定义组件 为AstroZero高级页面组件绑定数据 添加事件或宏实现AstroZero高级页面组件交互
基本的表单页面。 多区域表单 有间隔区域的多区域表单页面。 基础表格 单张表生成表格模板,包含增、删、改、查。 基础详情页面 基础的详情页面。 自定义模板“我的模板”:为用户自定义的页面模板,开发好页面后在上方单击另存为按钮,打开“另存为模板”开关,即可创建自定义页面模板。创建后
单击高级页面后的,设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。 图12 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小,单击页面上方的,保存高级页面。
命名空间__urlAddress__CST, width: 50, height: 50 } }) 单击页面上方的,保存页面。 保存成功后,单击页面上方的,查看页面配置效果。 父主题: 标准页面专项
参考“提交”按钮,给“取消”按钮定义以下代码事件 //返回工单列表页面 context.$page.loadStdPage('HW__workOrderList'); 单击“创建”,退出事件编排窗口。 验证 页面组装及事件添加完成后,需要在预览页面,初步检查页面预览效果,验证页面的数据绑定及事件代码正确性。当前工
入选择模型页面。 单击“新增模型”,进入新增模型页面。 设置模型名称与来源,单击“下一步”。 图2 定义模型 AstroZero支持自定义、对象、服务和事件四类模型,每类模型都包含参数定义和方法定义。方法是在模型上定义的API,通常会在前台组件关联的事件脚本(例如页面加载事件、鼠
文本内容:配置菜单的显示名称。 URL类型:菜单跳转页面的URL类型,支持自定义页面、标准页面和高级页面三种。 地址:当“URL类型”为“自定义页面”时,需要配置跳转页面的具体URL地址。当“URL类型”为“标准页面/高级页面”时,需要选择系统中创建的具体跳转页面。 链接目标:跳转后页面显示形式。 新窗口:在新窗口页,显示跳转页面。