lecen:一个更好的开源可视化系统搭建项目--页面、模板、元组--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

利用可视化设计器构建你的应用系统-做一个懂你的人

页面管理

基本概述

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

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

只不过根据页面配置不同,呈现出不同的样子。

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

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

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

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

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

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

新增

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

页面包含页面编码、页面名称、用途描述、业务表、排序值等字段。

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

1. 页面编码

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

2. 页面名称

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

3. 用途描述

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

4. 业务表

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

操作

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

1. 查看

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

2. 设计

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

3. 编辑

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

4. 复制

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

5. 删除

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

6. 生成模板

以此页面为基准,新生成一个模板,以供使用页面设计器创建页面时选择。

7. 生成元组

以此页面为基准,新生成一个元组,以供设计页面时可以选择对应元组进行添加和使用。

8. 设为模板

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

9. 设为元组

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

寄连

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

视图

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

链接

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

查询

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

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

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

说明

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

注意:

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

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

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

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

模板管理

在页面管理中,我们将获取到所有已经设计好的页面,这在我们初期开发的时候是没有问题的,但是当设计的页面越来越多,或者说有部分页面是相似的,那么我们就可以使用模板功能,这样就不用每次都重新设计页面了。

通过将页面设置为模板,我们能在新建页面的时候,就可以快速的使用中意的模板来达到快速设计的目的。

就像我们在页面管理中讲到的,当页面被设为模板,或者在某个页面的基础上生成一个模板,那么就能够在下次设计页面的时候,展示出该模板供我们选择。

模板管理与页面管理中的功能按钮是相同的。

只不过在操作中有一点变化。

模板只能设为元组或者页面,因此修改类型之后就可以使用对应的其他操作了。

其他信息参考 页面管理

元组管理

不光是页面可以当做模板来达到复用,页面中的组件或者复合组件,也就是你设计好的一个个小功能点,同样可以组建好之后独立出来,达到多页面复用的效果。

这样我们就可以设计出多个可以复用的小片段,在页面设计的时候直接引入进来,满足快速开发的需求,也能够做到一处修改全部生效的效果。

元组管理与页面管理中的功能按钮也是相同的。

只不过在操作中有一点变化。

模板只能设为模板或者页面,因此修改类型之后就可以使用对应的其他操作了。

其他信息参考 页面管理

【项目体验】

系统管理端地址http://www.lecen.top/manage

系统用户端地址http://www.liudaxianer.com/user

系统文档地址http://www.lnsstyp.com/web

相关推荐
豆豆8 小时前
2026年企业怎么做网站建设?
低代码·cms·网站建设·低代码平台·建站·创建网站·sso单点登录
AiFlutter1 天前
三、内容展示(02):图片
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
摩尔元数1 天前
2025年 汽车动力控制系统行业MES厂商分析
低代码·汽车·制造·mes
启扶农1 天前
lecen:一个更好的开源可视化系统搭建项目--页面设计器(表单设计器)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·vue3·拖拽·表单设计器·所见即所得·页面可视化·页面设计器
AiFlutter2 天前
二、页面布局(10):瀑布流布局
flutter·低代码·低代码平台·aiflutter·aiflutter 低代码·flutter低代码开发·低代码app开发
meilididiao2 天前
低代码应用-动态指标跟踪评测系统
低代码·架构
晴虹2 天前
lecen:一个更好的开源可视化系统搭建项目--页面设计器(表单设计器)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
前端·后端·低代码
AiFlutter2 天前
二、页面布局(09):流式布局
flutter·低代码·低代码平台·aiflutter·aiflutter低代码·低代码平台介绍
低代码布道师2 天前
互联网医院17:架构重构——医生档案的“独立宣言”
低代码·小程序·云开发