检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标准页面专项 为AstroZero标准页面中表格的数据增加链接 为AstroZero标准页面中的表格增加求和等计算能力 为AstroZero调查问卷应用新增调查项 在AstroZero标准页面的表格中显示图片
和仪表板。 初识标准页面 将光标放在应用目录上之后,应用目录右侧会出现“+”,单击“+”,选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四
A 创建对象“ProductList”,并为对象添加字段和数据。 在应用设计器的左侧导航栏中,选择“数据”,单击对象中的“+”。 设置对象的名称和唯一标识为“ProductList”,单击“确定”。 图3 创建对象ProductList 表2 新建ProductList对象参数说明
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
A 创建对象“websiteList”,并为对象添加字段。 在应用设计器的左侧导航栏中,选择“数据”,单击对象中的“+”。 设置对象的名称和唯一标识为“websiteList”,单击“确定”。 图3 新建对象websiteList 表2 新建websiteList对象参数说明 参数
doSave(operatedData) 对象操作 获取对象 API:context.object(objectName) 入参:objectName,对象名称。 出参:对象。 示例如下: let _object = context.object("objectName") 查询对象所有数据 API: _object
开发调查问卷标准页面示例 本节将通过开发一个“调查问卷”应用页面用来演示标准页面的基本功能,页面完成后如图1所示。 图1 调查问卷应用效果 创建一个自定义对象“Questionnaire”。 创建“Questionnaire”对象,在对象内新建7个文本类型的自定义字段“quest
标准页面组件入门 标准页面创建后,用户可以拖拽各种组件到页面中,并通过组件的属性面板,以设置属性方式,配置组件的功能、名称、宽/高/颜色等样式,丰富页面功能。部分属性支持国际化配置,在支持国际化多语言的属性配置中,可选择已有多语言、创建或更新多语言,此处创建的多语言会保存在租户的多语言库中。
A 创建对象“urlList”,并为对象添加字段。 在应用设计器的左侧导航栏中,选择“数据”,单击对象中的“+”。 设置对象的名称和唯一标识为“urlList”,单击“确定”。 图3 创建对象urlList 表2 新建urlList对象参数说明 参数 说明 示例 对象名称 新建对象的名称,创建后可修改。
值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:
值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释:
查询标准页面列表 功能介绍 查询标准页面的列表,仅包含基础信息,如果需要获取标准页面的内容,需要根据 ID 进行查询。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View 请求消息 无 响应参数 表1 响应参数 参数 参数类型 描述
值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:
样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。 绑定对象模型 绑定对象模型后,选择对象的字段,即可自动生成具有保存、重置、查询功能的基础表单。 配置数据源,在“请选择数据对象”中选择已创建的数据模型,并勾选需要展示的该对象字段,单击“下一步”。 图6 选择数据源 表单及其表单中
树形数据 首先查看数据对应的对象,查看数据列的字段名。 若需要构造如图8所示的数据,在新建对象,新增如下图所示自定义字段后,打开布局页签,选中“对象名Records”数据记录页,新增图8所示的数据。 在标准页面中,选中表格组件,新增模型,设置为对象模型,选中1中的对象,设置表格数据源。 图10
值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:
19新建对象所示。 图19 新建对象 在“布局”页签,单击页面布局中的“test Records”,该链接是操作自定义对象的模板页面,如图20选择新建对象模板所示。 图20 选择新建对象模板 图21 test Records页面 拖入分栏组件到页面中,并在分栏组件的“属性 > 样式
态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。 模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应,例如单击“确定”或“取消”按钮等将该对话框关闭。 在标准页面设计界面,从“基本组件 > 布局”中,拖拽“模态框”组件至页面工作区域,如图1。
值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件: