【LuBase低代码框架】页面配置功能简介

Lubase

已于 2024-07-15 21:48:16 修改

阅读量297

点赞数 17

文章标签：低代码

于 2024-07-15 21:41:57 首次发布

本文链接：https://blog.csdn.net/Lubase/article/details/140449354

版权

对于企业内部管理系统来说，页面的布局版式和功能相对来说会有很多共性，下图是一个常见的列表页面，包含了搜索区域、按钮区域、列表、tab条件分组以及页面上一段自定义的文本描述。

LuBase低代码框架中，对常见页面的版式进行了抽象，识别了常用的页面版式。对于不同的页面模板需要绑定不同的数据源进行配置，相对应的业务端实现了页面渲染引擎，可以针对不同的页面版式进行渲染。

以先介绍几种LuBase框架中使用最多的页面布局：列表模板、页签模板、待办已办。

这几种模板在功能上从差异如下表所示:

列表模板	仅包含上述图片中1、2、4、5这四部分
页签模板	包含上述图片中1、2、3、4、5所有部分，且第三部分通过一个列表数据源进行配置，可以有多个
待办已办	包含上述图片中1、2、3、4、5所有部分，但是第三部分仅有待办、已办两个页签，仅用于显示待办数据和已办数据

不同的模板在前端渲染的逻辑有差异，详细如下：

1. 图示中1部分：提供一段自定义前端代码的编辑器，可以自定义显示，同时支持绑定后台的一个invoke方法，如下图所示：

2. 图送中2部分：搜索区域配置。

提供可视化的字段选择，以及检索条件的匹配逻辑，搜索条件排序等。如下图所示：

3. 图示中3部分：按钮区域配置。

提供按钮的增删维护，同时根据按钮的功能不同，封装常见的按钮类型，例如：新增、修改、删除、提交流程、页面跳转等，每一个按钮类型封装了特定的前端交互逻辑，有效的降低了前端代码量。具体如下所示:

4. 图示中4部分：页签部分配置

页签部分需要配置一个数据源，数据源有两种类型，一种是指定一个码表作为页签数据源，另一种是配置一张业务表数据作为数据源。如下所示:

5. 图示中5部分：列表数据源配置。

这一部分主要有两个配置项。1：列表的数据源配置；2：列表的样式行为配置。如下图所示：

LuBase代码开源地址：

LuBase低代码系列文章：

【开发工具自荐】LuBase 低代码开发框架介绍-可私有化部署-CSDN博客

入群交流

Lubase

关注