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

相关推荐
Geek-Chow17 小时前
05.03 · n8n 源码剖析:Webhook 接入层 Webhook Ingress
低代码
加班循环19 小时前
前端嵌入低代码页面:iframe与微前端的取舍
低代码
内存过载19 小时前
流程实例状态追踪:事件溯源模式的应用
低代码
像素是个问题19 小时前
慢查询排查实战:业务报表SQL优化路径
低代码
IT研究所1 天前
AI-ITR平台如何减少客户问题反复升级?
大数据·运维·人工智能·低代码·自然语言处理·安全架构·企微
guslegend2 天前
需求分析和架构设计:做什么,如何做
低代码·需求分析·架构设计·ssr·前端架构
三号路口2 天前
低代码平台的扩展机制:插件化架构怎么设计
低代码
百数平台2 天前
百数照片知识库配置指南:图片上传、OCR 识别与智能 / 人工标注全流程说明
低代码·ai·ocr
百数平台2 天前
百数表单知识库配置指南:对接低代码业务表单、字段自动映射与实时同步全说明
低代码·ai
百数平台2 天前
百数AI智能体基础开发流程:从创建、设计、发布到表单自动回填(含JSON输出与apaas配置)
低代码