检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
的内容。 创建应用页面。 单击“Page”文件夹右侧的,选择“标准页面”。在弹窗中输入页面的“标签”、“名称”为“Questionnaires_questionnairePage”。 图2 选择标准页面 图3 添加标准页面 选中“页面”标签,在右侧配置面板“样式 > 布局”下,为
设置AstroZero标准页面表单组件属性 表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法)。也可以在空表单中,添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。 向页面中拖入
5所示的数据。 图17 新增自定义字段 在标准页面中,选中表格组件,新增模型,设置为对象模型,选中1中的对象,设置表格数据源。 图18 设置数据绑定 图19 新增模型 图20 设置对象模型 图21 设置关联字段 图22 选中模型 在标准页面中选中表格组件,开启“树形数据”开关,参考数据绑定设置如下参数。
页面 新创建的页面,默认是一个空白的页面框架,可以通过设置页面属性,优化页面效果,支持设置页面水印。 在标准页面设计界面,选择“组件导航 > 页面”后,即可选中“页面”页签。在右侧的属性页签中,可设置整个页面的属性。 图1 页面属性 属性 数据绑定:通过建立不同类型的视图模型,将
按钮 按钮一般在用户单击触发业务逻辑时使用,按钮组件提供单击触发事件能力。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“按钮”组件至页面工作区域,如图1。 图1 按钮 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过
二维码 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“二维码”组件至页面工作区域,如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
将AstroZero标准页面保存为模板 标准页面开发完成后,支持将该页面保存为模板。标准页面保存为模板后,该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建标准页面。 自定义标准模板 参考登录AstroZero新版应用设计器中操作,进入应用设计器。
件编排调用“getFormData”方法)。也可以在空表单中,添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。 在标准页面设计界面,从“基本组件”中,拖拽“表单”组件至页面工作区域,如图1。 图1 表单 向页面中拖入一个表单组件,即可弹出元数据表单配置向导
输入框是基础输入组件,输入框中的内容可以通过鼠标或键盘输入。输入框一般在有需要输入内容、提供组合型条件查询或有其他资料需要提交时使用。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“输入框”组件至页面工作区域,如图1。 图1 输入框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应,例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“模态框”组件至页面工作区域,如图1。 图1 模态框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
设置AstroZero标准页面列表视图组件属性 列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。 列表视图由上方列表区和下方的页码区组成。使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型必须为数组,如果要使用分页功能,分页组件需放在最外层“列表视图(List
下拉框 下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“下拉框”组件至页面工作区域,如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2
面包屑 面包屑组件用于显示网站的层级结构,告知用户当前所在位置以及在需要向上级导航时显示。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“面包屑”组件至页面工作区域,如图1。 图1 面包屑 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
返回库页面,在“租户”页签,可查看到已上传的库文件。“全局”页签中的,为系统预置库,不可编辑和禁用系统预置库,只可下载。 在标准页面组件中,引用库。 新建一个标准页面,页面标签和名称为“page01”,如图4。 图4 新建标准页面 在“基本组件 > 基本”中,拖拽“按钮”组件到页面的设计视图中,并修改按钮属性,如图5所示。
为AstroZero标准页面中的表格增加求和等计算能力 期望实现效果 在标准页面中,支持为表格增加求和、求积等计算能力,来提升数据的处理效率。例如,将表格中“商品花费”列的值设置为 “商品数*价格+其他成本”。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释: