检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标准页面主题创建后,在主题管理中,可管理已创建的主题。 启用主题:在主题列表中,单击主题后的,启用该主题。 禁止主题:在主题列表中,单击主题后的,停止该主题。 编辑主题:主题禁用后,单击,可更改该主题。 删除主题:主题禁用后,单击,可删除该主题。 晴光蓝为系统预置主题,暂不支持编辑、删除。 父主题:
配置主题 场景描述 设置并启用主题后,该应用中标准页面相同组件的展示将以主题中配置为准。 例如,标准页面中表单的按钮展示如图1所示。在主题中配置该按钮中字体为黄色,启用主题使得标准页面表单按钮字体颜色变成黄色。 图1 启用主题前标准页面预览效果 前提条件 请先熟悉CSS的Less代码编写规范。
如何自定义主题样式 AstroZero预置了很多默认样式,您可以对标准页面的主题样式进行自定义修改。 场景描述 自定义主题时,可以自定义修改标准页面的样式。设置完并启用主题后,该应用中标准页面相同组件的展示,将以主题中配置为准。 例如,在标准页面中添加一个“表单”组件,并绑定数据
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
标准页面布局 标准页面的布局设置一般有以下3种场景: 基础布局设置:适合对CSS与HTML不是非常了解的用户,通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局:适合使用标准页面在不同大小屏幕(PC、平板、手机等)下呈现出开发者想要的显示效果场景。 高级布局设置:针对
分栏 分栏是一种高级的容器组件,分栏相当于行,内部可分多栏(列)。使用该组件,可将页面划分为两栏或多栏,每一栏都可以拖入其它组件。 在标准页面设计界面,从“基本组件”中,拖拽“分栏”组件至页面工作区域,如图1。 图1 分栏 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分,先分为多个分栏,每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-m
和仪表板。 初识标准页面 将光标放在应用目录上之后,应用目录右侧会出现“+”,单击“+”,选择“标准页面”,设置页面标签和名称,即可创建一个全新空白的标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四
设置AstroZero标准页面表格(新)组件属性 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于设置AstroZero标准页面表格组件属性中的表格组件来说,更适用于移动端,但
根据ID查询标准页面 功能介绍 按view_id查询标准页面。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View/{view_id} 表1 参数说明 参数 是否必选 参数类型 描述 view_id 是 String 参数解释:
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中,支持为表格中的数据增加超链接,来提升用户体验和数据交互的便捷性。例如,在表格的webName列中,将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址,单击会跳转到对应的页面。 图1 实现效果 功能实现方法
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局(Flow Layout)和弹性布局(Flex Layout),标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器,可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术,全称
标准页面 相对于高级页面,标准页面主要用于对前端页面的样式要求相对简单的场景,这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排,以及为组件配置属性、关联事件实现业务功能的,在组装“编辑设备”页面章节,则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
查询标准页面列表 功能介绍 查询标准页面的列表,仅包含基础信息,如果需要获取标准页面的内容,需要根据 ID 进行查询。 URI GET AstroZero域名/u-route/baas/metadata/v1.0/View 请求消息 无 响应参数 表1 响应参数 参数 参数类型 描述
流程图:流程中使用的流程图组件。 为标准页面添加组件 标准页面是一种将一个或多个组件拖进画布,进行低代码甚至无代码的配置,即可快速完成业务功能的前端页面。在设计标准页面时,可以直接从左侧“组件”区域,将这些组件拖拽到中间“设计视图”。 图1 为标准页面添加组件 父主题: 标准页面
于模板创建一个标准页面。页面创建后,自动进入标准页面开发界面,您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域四部分组成。各区域功能介绍,请参见表1。 表1 标准页面区域功能说明 分类
进行处理,可选择任务页面类型为标准页面。标准页面预置了以下几种与BPM流程相关的组件,供BPM关联标准页面时使用。 流程-动作 流程-历史 流程-附件 流程图 当标准页面使用了如上组件,如图1所示,BPM又关联了该标准页面,BPM启动时,会自动在标准页面中传入流程实例ID、流程名
调测AstroZero标准页面 使用AstroZero完成标准页面开发后,需要进行预览调测、验证页面是否符合预期效果,例如根据相关数据判断页面逻辑是否正确执行。标准页面的调测分为“调试事件”和“调试页面样式”两类。 调试事件 打开一个标准页面。 图1 标准页面实例 选择一个组件,