Skip to content

页面管理

基本概述

管理系统中的所有页面,可以创建一个新页面,然后再进行页面的设计,也可以直接设计页面,设计完成之后就会在页面管理列表中显示。

页面列表.png

基于系统的特性,所有的页面全部统一由特定的文件进行渲染,每一个页面都不是一个单独独立的文件,它们都是通过同一个文件解析并渲染,也就是说系统的任何一个页面都是同一个文件, 只不过根据页面配置不同,呈现出不同的样子。

每个页面都有一个唯一的标识,根据相应的标识能够获取到该页面的配置。

页面由三部分构成,有且仅有这三部分组成了全部的系统页面。

  • 页面之中所有呈现出来的部分,也就是展示的结构、样式等,我们称之为数据视图

  • 页面之中所有跟后端交互的部分,也就是数据的获取、提交等,我们称之为请求链接

  • 页面之中所有数据操作、方法调用的部分,也就是初始化变量、赋值、定义函数、处理逻辑等,我们称之为执行寄连

这三个部分都会在相应的章节进行详细解释。

新增

点击右上角新增图标,即可打开新增弹窗。

页面新增按钮.png

页面包含页面编码、页面名称、用途描述、业务表、寄连、视图、链接等字段。

页面新增弹窗.png

填写完基本信息之后,点击完成会生成一个新页面,然后就可以配置请求链接、数据视图、执行寄连等。

1. 页面编码

唯一标识该页面的编码,可在代码中引用,做业务区分等。

2. 页面名称

页面的中文名称,也会作用路由的title,或者是菜单的名称。

3. 用途描述

该页面的一个描述,可以做一个简短的说明。

4. 业务表

如果需要在该页面中提交数据,并保存到数据库汇总,那么该字段标识了需要存储的表名。

操作

页面操作.png

鼠标悬浮列表操作按钮,会弹出一个列表,其中包含了可以对该页面进行的各种操作。

1. 查看

页面信息.png

可以查看页面的详细信息,点击id右边的图标可以快速复制该id。

2. 设计

跳转到页面设计器页面,然后就可以对该页面进行设计。

3. 编辑

可以修改除了页面id之外的所有页面信息。

4. 复制

复制页面.png

可以对该页面进行复制,以达到快速新建并复用的目的,并且在复制时可以自主选择是否同时复制执行寄连、数据视图与请求链接。

5. 删除

删除页面.png

删除该页面,并有删除前的信息确认。

6. 生成模板

以此页面为基准,新生成一个模板,以供新建页面时选择。

7. 生成元组

以此页面为基准,新生成一个元组,以供设计页面时添加。

8. 设为模板

将此页面变为模板,以供设计页面时选择。

9. 设为元素

将此页面变为元组,以供设计页面时添加。

5. 寄连

页面关联寄连.png

可以查看该页面中的寄连,并且能够进行新增、删除、排序操作。

6. 视图

页面关联视图.png

可以查看该页面中的视图,并且能够进行新增、删除、排序操作。

7. 链接

页面关联请求.png

可以查看该页面中的链接,并且能够进行新增、删除、排序操作。

查询

页面查询.png

点击空格即可唤出查询窗口,输入条件后按回车键执行查询。

可以通过页面编码、页面名称、用途描述、业务表以及ID字段进行查询,支持模糊查询。

可以多个条件同时输入,支持清空条件。

说明

为考虑整体页面结构的复用性,页面可整体打包生成(或转换)成 模板。模板的意思就是其他页面可以借鉴使用,在基于此模板基础上进行修改。元组也是由页面打包生成的,只是元组属于结构简单页面,比如说上传功能、列表展示等。这样可以在设计时直接嵌入页面中使用。

注意: 元组嵌入页面中一般不能直接编辑元组中组件的属性,需要解锁后才能编辑。解锁后的元组已非最初与其他页面一同共用的元组,此时该元组已独立,是当前页面专属的元组。

最后的未同步与不同步功能按钮,是针对git来做的,当新建完页面之后,页面信息已经被持久化,但是并没有做到版本控制与代码管理。

通过点击未同步按钮,将会把页面信息通过到git中,这个将在git管理中详细介绍。

如果目前不需要git来管理,那么可以点击不同步,但是之后也是可以继续重新添加到控制的。