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

相关推荐
Tao____1 天前
适合中小企业的物联网平台
java·物联网·mqtt·低代码·开源
Tao____1 天前
可以本地部署的物联网平台
java·开发语言·物联网·mqtt·低代码
一只小bit1 天前
Qt 多媒体:快速解决音视频播放问题
前端·c++·qt·音视频·cpp·页面
云捷配低代码1 天前
低代码项目需求分析:与传统开发差异
低代码·自动化·需求分析·数字化·敏捷流程·数字化转型
AC赳赳老秦1 天前
ELK栈联动:DeepSeek编写Logstash过滤规则与ES日志分析逻辑
运维·前端·javascript·低代码·jenkins·数据库架构·deepseek
JEECG低代码平台2 天前
Jeecg-AI 开源的 AI 应用平台,实现 n8n 的循环节点
低代码·智能问答·知识库·ai平台·ai流程编排·循环节点
低代码布道师2 天前
教培管家第06讲:搭建销售工作台——公海争夺与私海管理
低代码·小程序·云开发
一只小bit2 天前
Qt 网络:包含Udp、Tcp、Http三种协议的客户端实践手册
前端·c++·qt·页面
AC赳赳老秦2 天前
低代码开发中的高效调试:基于 DeepSeek 的报错日志解析与自动修复方案生成
前端·javascript·低代码·postgresql·数据库架构·easyui·deepseek
云捷配低代码2 天前
低代码项目风险管理:避坑指南
低代码·自动化·数字化·敏捷流程·数字化转型