检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。当表格中的数据有父子关系,需要展示出树形结构时,还是需要选用表格(新)中介绍的表格组件。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“表格(新)”组件至页面工作区域,如图1。 图1 表格(新) 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
二维码 二维码用于根据文本内容或链接地址生成二维码,用户通过微信或支付宝扫描二维码,可查看到文本内容或者跳转到相应的链接。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“二维码”组件至页面工作区域,如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
上传 上传组件用于上传文件。 在标准页面设计界面,从“基本组件 > 表单”中,拖拽“上传”组件至页面工作区域,如图1。 图1 上传 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。 图2 查看组件说明 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返
参考登录AstroZero新版应用设计器中操作,进入应用设计器。 在应用设计器的左侧导航栏中,选择“界面”。 在页面中,将鼠标放在对应的标准页面上,单击,选择“编辑”。 在标准页面开发界面,选中按钮组件。 在右侧“事件”页签中,单击“点击”后的,进入“添加动作”页面。 选择“自定义动作”,在右侧
标准页面组件入门 标准页面创建后,用户可以拖拽各种组件到页面中,并通过组件的属性面板,以设置属性方式,配置组件的功能、名称、宽/高/颜色等样式,丰富页面功能。部分属性支持国际化配置,在支持国际化多语言的属性配置中,可选择已有多语言、创建或更新多语言,此处创建的多语言会保存在租户的多语言库中。
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
设置AstroZero标准页面分页组件属性 当数据量较多时,可以使用分页组件,快速进行数据切换。分页组件一般与表格组合使用时,分页组件可以对表格数据进行分页显示、数据切换,系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
设置AstroZero标准页面视频播放组件属性 在标准页面中,使用视频组件来进行视频播放,支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vu
设置AstroZero标准页面图片组件属性 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
设置AstroZero标准页面下拉框组件属性 下拉框通过配置绑定选项内容,提供给用户进行下拉选择的操作,支持单选、多选、搜索,以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
参考登录经典应用设计器中,进入经典版应用设计器。 在左侧导航栏中,单击。 鼠标放在应用下的页面文件夹上,单击加号,选择“标准页面”,也可以参考什么是标准页面来创建标准页面。 页面开发完成后,单击页面上方的。 在“另存为...”页面中,设置模板标签和模板名,打开“另存为模板”开关,单击“创建”,将应用另存为模板。
5所示的数据。 图17 新增自定义字段 在标准页面中,选中表格组件,新增模型,设置为对象模型,选中1中的对象,设置表格数据源。 图18 设置数据绑定 图19 新增模型 图20 设置对象模型 图21 设置关联字段 图22 选中模型 在标准页面中选中表格组件,开启“树形数据”开关,参考数据绑定设置如下参数。
设置AstroZero标准页面表单组件属性 表单是一个组合组件,即可以直接绑定对象模型,构建基础表单能力,如保存、重置、查询(通过事件编排调用“getFormData”方法)。也可以在空表单中,添加其他可以绑定模型字段的组件,如输入框,下拉框等,以完成数据交互功能。 向页面中拖入
文本内容:配置菜单的显示名称。 URL类型:菜单跳转页面的URL类型,支持自定义页面、标准页面和高级页面三种。 地址:当“URL类型”为“自定义页面”时,需要配置跳转页面的具体URL地址。当“URL类型”为“标准页面/高级页面”时,需要选择系统中创建的具体跳转页面。 链接目标:跳转后页面显示形式。
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释:
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式