检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击已有统计页面后的,选择“导出”。 当前仅支持导出png格式的统计页面。 图1 导出统计页面(运行态) 您也可以在应用开发页面,单击页面右上角的“编辑应用”,进入编辑应用页面。在编辑应用页面,单击待导出统计后的,选择“导出”。 图2 导出统计页面(开发态) 父主题: 制作统计报表多维度展示数据
路由导航(示例):通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据页面提供更多的交互模式。 选项卡:用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 其它 用户自定义的组件会显示在“其他”中。 为高级页面添加组件 高级页面是由一个或者多个组件拼装而成。在设计高级页面时,可通过
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后,选中该组件,会在右侧显示该组件的属性配置面板。在属性配置面板中,可以对该组件在页面显示属性风格进行配置,使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明,在标准页面设计界面左侧组件区域,将鼠标
克隆统计页面 当业务场景相似时,可以通过克隆统计页面后进行修改,完成统计页面的快速开发。 克隆统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。
的事件以更新数据。 为了方便演示说明,新建一个标准页面,向页面中拖动一个“按钮”组件和一个“模态框”组件。将模态框绑定在一个数据模型上,当按钮被单击时模态框弹出,实现组件间通过数据模型交互的效果,如图2。 图2 “值绑定”示例页面 选中“模态框”组件,在右侧属性配置面板配置值绑定
参考“提交”按钮,给“取消”按钮定义以下代码事件 //返回工单列表页面 context.$page.loadStdPage('HW__workOrderList'); 单击“创建”,退出事件编排窗口。 验证 页面组装及事件添加完成后,需要在预览页面,初步检查页面预览效果,验证页面的数据绑定及事件代码正确性。当前工
否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 单击,从“全部
文本内容:配置菜单的显示名称。 URL类型:菜单跳转页面的URL类型,支持自定义页面、标准页面和高级页面三种。 地址:当“URL类型”为“自定义页面”时,需要配置跳转页面的具体URL地址。当“URL类型”为“标准页面/高级页面”时,需要选择系统中创建的具体跳转页面。 链接目标:跳转后页面显示形式。 新窗口:在新窗口页,显示跳转页面。
中数据。 图6 为对象添加数据 新建对象模型。 在应用设计器中,选择“界面”,单击页面后的“+”。 输入页面的标签和名称,单击“添加”,新建一个标准页面。 在标准页面底部,单击“模型视图”,将页面从设计视图切换到模型视图。 单击“新增模型”,输入模型名称(如productCost
修改统计页面 统计页面创建完成后,支持对已创建的统计图表进行二次开发。 修改统计页面 参考登录零代码工作台中操作,登录AstroZero零代码工作台。 在全部应用中,单击应用后的“...”,选择“编辑”,进入编辑应用页面。 单击页面右上角的“查看统计”,进入统计页面。 单击已有统
单击高级页面后的,设置页面的名称和标题为monitor,单击“添加”。 在高级页面左上方,单击,从“全部 > 自定义”中,拖拽alarmDisplayWidget至右侧画布中。 图12 拖拽alarmDisplayWidget至右侧画布中 调节组件位置和大小,单击页面上方的,保存高级页面。
组件所属分类,上传组件后,该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域,一般保持默认“通用”。 场景 组件包的应用场景。 高级页面:组件适用于高级页面开发场景。 标准页面:组件适用于标准页面开发场景。 业务大屏:组件适用于Astro Canvas大屏页面开发场景。 业务小屏:组件适用于Astro
创建应用页面。 单击“Page”文件夹右侧的,选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签,在右侧配置面板“样式 > 布局”下,为页面左右各设置“15%”和“18%”的内边距。
组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中,单击左侧导航栏中的“设置”。 在“高级设置”中,取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图5 取消选中 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 在设计页面左上方单
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
为AstroZero高级页面组件绑定数据 使用桥接器为AstroZero高级页面组件绑定数据 使用WebSocket为AstroZero高级页面组件绑定数据 父主题: 高级页面
管理页面级数据源、全局状态 使用说明 页面组件之间,可以通过配置事件和动作进行信息交互。当页面组件较多,且需要进行信息交互时,频繁的给每个组件去定义事件或动作就比较繁琐了。此时,可以通过定义全局状态,来实现页面级所有组件中数据信息的更新。 低代码平台高级页面支持设置全局状态,通过
> widgetActionTemplate (widget2) > Receive Action”。 单击页面上方的,保存页面。 保存成功后,单击,进入预览页面,查看效果。 父主题: 如何实现组件交互
管理页面资源 管理组件 管理组件模板 管理库 管理桥接器 管理禁用资产 管理页面模板 父主题: 应用管理
员”,“ds,派单人员”、“ms,维修人员”。 图6 设置选项值 单击页面上方的,保存设置。 单击页面上方的,进入预览页面,查看页面是否符合预期,并单击查看是否有下拉框选项。 图7 页面预览 父主题: 组装页面