检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
和仪表板。 初识标准页面 将光标放在应用目录上之后,应用目录右侧会出现“+”,单击“+”,选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四
(可选)单击页面后的,为标准页面添加目录。 标准页面默认存放在根目录下,在创建标准页面前,您可以先创建标准页面存放的目录,也可以在标准页面创建后将其拖拽到指定目录。 将鼠标放在已创建的标准页面目录上,单击。 如果无需创建标准页面目录,请直接单击页面后的。 选中“空白”,设置页面的标签和名称,单击“添加”。
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法
为AstroZero标准页面中的表格增加求和等计算能力 期望实现效果 在标准页面中,支持为表格增加求和、求积等计算能力,来提升数据的处理效率。例如,将表格中“商品花费”列的值设置为 “商品数*价格+其他成本”。 图1 实现效果 功能实现方法 创建对象“ProductList”,并为对象添加字段和数据。
流程图:流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。在设计标准页面时,可以直接从左侧“组件”区域,将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题: 标准页面
设置AstroZero标准页面表格(新)组件属性 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于设置AstroZero标准页面表格组件属性中的表格组件来说,更适用于移动端,但
模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应,例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“模态框”组件至页面工作区域,如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
设置AstroZero标准页面输入框组件属性 输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 图1 输入框组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
创建自定义标准组件 平台内置了很多标准组件,详情请参见平台标准组件介绍。同时页面经常会有一些通用的交互模块,例如“人员选择”、“部门选择”等,这些页面交互模块可能会在多个页面中用到,逻辑也相对独立。面对这个情况,平台提供了让开发者自己创建组件的特性,称之为“自定义标准组件”。通过
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法
设置AstroZero标准页面二维码组件属性 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 图1 二维码 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
AstroZero低代码平台基于业界BPMN 2.0标准,实现了自己的业务流程管理系统,即工作流。本实践通过创建一个出差审批应用,帮助您快速熟悉AstroZero中的工作流。 为AstroZero标准页面中表格的数据增加链接 在标准页面中,支持为表格中的数据增加超链接,来提升用户体
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List
表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。当表格中的数据有父子关系,需要展示出树形结构时,还是需要选用表格(新)中介绍的表格组件。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“表格(新)”组件至页面工作区域,如图1。 图1 表格(新) 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“输入框”组件至页面工作区域,如图1。 图1 输入框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
二维码 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“二维码”组件至页面工作区域,如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
按钮 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“按钮”组件至页面工作区域,如图1。 图1 按钮 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过
返回库页面,在“租户”页签,可查看到已上传的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图4。 图4 新建标准页面 在“基本组件 > 基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图5所示。
View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List View Container)”内。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“列表视图”组件至页面工作区域,如图1。 图1 列表视图 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。