创建视图

更新时间：2025-02-28 GMT+08:00

同一个表单的所有视图共用同一套数据，如果数据被修改，则该数据在所有视图中也会同步修改。

什么是视图

视图是业务数据在不同场景的展示页面，其功能是根据不同的用户角色或不同的业务场景，展现出不同的目标数据。华为云Astro轻应用零代码中的每个工作表默认都会存在一个名叫“全部”的表格视图，该视图会显示所有的数据。一个表单中，可以包含多个视图，同一个表单中的所有视图共用一套数据，如果数据被修改，则该数据所在的所有视图中也会同步修改。

图1 应用与表单、视图之间的关系

例如，某点餐收集应用，按照部门点餐的情况，为每个部门各建立一个视图，如A部门点餐收集、B部门点餐收集、C部门点餐收集。在视图里（编辑视图功能）筛选出对应部门的信息，便于订餐员快速管理。

创建个人视图

参考登录零代码工作台中操作，登录零代码应用开发工作台。
在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。
如图2，单击已有视图后的“+”，进入新建视图开发页面。

图2 新建视图
在页面左上角，设置视图页面名称。

图3 设置视图页面名称
在中间区域上方，选择终端视图类型，当前支持电脑端或移动端。
根据需要从左侧选择组件拖拽到中间区域，并设置组件属性，组件属性配置说明可参考零码组件介绍。

图4 拖拽组件
在右侧单击“数据范围”，设置数据过滤条件、排序或者隐藏字段。

图5 设置数据范围
- 隐藏字段：可设置显示全部列、隐藏全部列或隐藏部分列。当字段较多时，支持搜索字段来设置隐藏个别字段列。
- 过滤：单击“+添加筛选条件”，设置数据展示的过滤条件。
- 排序：单击“+添加排序条件”，设置此视图下的记录默认排序方式。
在右侧单击“显示设置”，配置视图显示相关属性。

图6 显示设置
- 基本
  - 操作模式：对表格设置操作模式。
    - 编辑：可新建、导出或删除数据。
    - 只读：该视图下只可读取表格数据。
    - 勾选：可勾选行数据。
  - 表格显示：表格显示设置。
    - 表头：是否展示表头。
    - 序号：是否展示行号。勾选后，表格首列显示当前行号，分页时行号累加上前一页依次显示。序号支持按顺序或倒序进行排序。
    - 单选：勾选后，每行前有单选按钮，可选择行数据且只能单选。
    - 多选：勾选后，每行前有多选按钮，可选择多行数据。
  - 行高：根据需求设置行高。
- 分页
  - 分页：数据是否分页显示，默认启用分页。
  - 风格：设置页面风格，支持简洁和完整两种风格。
  - 默认分页记录数：设置每页的记录数。
    图7 分页记录数
  - 移动端显示：在移动端中，以卡片的方式来显示表格。
    如图8所示，设置终端视图类型为“移动端”，设置相关选项来查看效果。
    
    图8 移动端显示
在右侧单击“操作设置”，设置视图操作相关属性。

图9 操作设置
- 按钮栏：根据需要选择按钮，在视图中会显示所选按钮，部分按钮在勾选记录时显示。单击，可选择打开的页面。
- 工具栏：设置在视图中，需要显示的工具。勾选“启用搜索框”，该视图页面会展示搜索框。
- 记录操作：根据需要在视图中，显示对记录的操作按钮。不勾选“启用记录操作按钮”，则不会展示操作列。单击，可选择打开的页面。
在右侧单击“权限设置”，可为当前表单页面分配可见权限，如“所有角色可见”或“部分角色可见”。

如何创建角色及更多应用权限设置，请参考应用安全设置。
单击页面上方的“保存”，保存创建的视图。