Layui 表单设计器

介绍

官网: https://gitee.com/sentsim/layui

一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

目前该项目由社区人员进行维护，可以说还是有满腔热血在里面的。

我个人认为一个框架的好坏还是特意于社区人员的维护和支持的，这世界上大部分东西不会一成不变的。

前提

首先说一下为什么我会用这个框架，这就不得不提 pear-admin 社区的 pear-admin-boot 项目了，这个项目是一个快速开发的 Spring 项目。

可以说这个项目非常简便，在加上最近公司正好有需要从 C/S 架构转换为 B/S 架构，我们这边要求是在不改变后端代码的情况下，来开发一套前端代码，这就让我想起前后端分离的情况。

一开始做前端技术选型，我考虑的是 ThingJS + eCharts + amis 这种快速开发的方式，结果发现 amis 加载三维模型太慢了，就果断放弃了。

之后才选择 pear-admin-layui 这个前端项目，直接对其进行二开。

而且还需要有低代码平台集成进来到前端项目里面，于是开始在网上搜索 Layui 的低代码平台。你还别说还真让我找了 layui-form-design，而且嵌入还比较方便。

效果图

这个是我对他原来的项目改动后的效果，原本的项目里面是不能生成 HTML 代码的，而且逻辑方面还有一部分问题，总体感觉还不错，就是组件比较少，这个组件也比较好扩展，基本上Layui的组件都可以集成进来。

如果你希望了解我的分支也可以 https://gitee.com/hjhcos/layui-form-design。