检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
和仪表板。 初识标准页面 将光标放在应用目录上之后，应用目录右侧会出现“+”，单击“+”，选择“标准页面”，设置页面标签和名称，即可创建一个全新空白的标准页面。页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四
为AstroZero标准页面中的表格增加求和等计算能力 期望实现效果 在标准页面中，支持为表格增加求和、求积等计算能力，来提升数据的处理效率。例如，将表格中“商品花费”列的值设置为 “商品数*价格+其他成本”。 图1 实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用
标准页面 AstroZero标准页面概述 创建空白AstroZero标准页面 使用模板创建AstroZero标准页面 为AstroZero标准页面添加组件 设置AstroZero标准页面组件属性 添加事件实现AstroZero组件间交互 添加库扩展AstroZero标准页面功能 查看AstroZero标准页面性能
标准页面专项 为AstroZero标准页面中表格的数据增加链接 为AstroZero标准页面中的表格增加求和等计算能力 为AstroZero调查问卷应用新增调查项 在AstroZero标准页面的表格中显示图片
标准页面 什么是标准页面 创建一个标准页面 开发调查问卷标准页面示例 标准页面布局 如何实现页面组件间的交互 如何实现页面转跳 如何获取后台数据 如何执行后台逻辑 如何调测标准页面 查看页面性能 主要事件说明 平台标准组件介绍 创建自定义标准组件 创建标准页面模板 如何自定义主题样式
标准页面布局 标准页面的布局设置一般有以下3种场景： 基础布局设置：适合对CSS与HTML不是非常了解的用户，通过在“基本属性”面板简单配置属性实现基本的布局。 自适应布局：适合使用标准页面在不同大小屏幕（PC、平板、手机等）下呈现出开发者想要的显示效果场景。 高级布局设置：针对
设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-m
标准页面 相对于高级页面，标准页面主要用于对前端页面的样式要求相对简单的场景，这种页面一般只是针对业务数据的增、删、改、查等基础功能。 标准页面主要是通过对前端页面组件的组合编排，以及为组件配置属性、关联事件实现业务功能的，在组装“编辑设备”页面章节，则会详细介绍组件、组件属性以及事件之间的调用及相关配置。
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
参考登录经典应用设计器中，进入经典版应用设计器。 在左侧导航栏中，单击。 鼠标放在应用下的页面文件夹上，单击加号，选择“标准页面”，也可以参考什么是标准页面来创建标准页面。 页面开发完成后，单击页面上方的。 在“另存为...”页面中，设置模板标签和模板名，打开“另存为模板”开关，单击“创建”，将应用另存为模板。
标准页面组件入门 标准页面创建后，用户可以拖拽各种组件到页面中，并通过组件的属性面板，以设置属性方式，配置组件的功能、名称、宽/高/颜色等样式，丰富页面功能。部分属性支持国际化配置，在支持国际化多语言的属性配置中，可选择已有多语言、创建或更新多语言，此处创建的多语言会保存在租户的多语言库中。
设置AstroZero标准页面容器组件属性 标准页面提供了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
平台标准组件介绍 标准页面组件入门 页面 分栏 表单 表格 表格（新） 列表视图 图片 二维码 分页 模态框 输入框 下拉框 按钮 上传 面包屑 视频播放 BPM相关组件 父主题： 标准页面
设置AstroZero标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置AstroZero标准页面下拉框组件属性 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 图1 下拉框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑
设置AstroZero标准页面模态框组件 模态框作为一个模态对话框的容器，支持向模态框中拖入各种组件，用于在模态框弹出时，用户必须先响应模态框后，才能对其他对象进行操作的场景。 模态对话框功能：当一个模态对话框弹出时，用户想要对模态框以外的应用程序进行操作时，必须先对该对话框进行
设置AstroZero标准页面上传组件属性 在标准页面中，使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
