可视化表单设计器致力于无码开发，无码构建各种管理系统！
推荐关注
责编：猿哥 | 来源：GitHub猿 整理
上次是谁要的系统项目啊，猿哥帮你找到了。
📚 项目介绍
🔥🔥🔥本项目系统是一款简搭云可视化表单设计器致力于无码开发，构建各种管理系统，向简道云方向前进，预览采用vue源码进行预览，同时支持在线编辑各种业务逻辑，可轻松定义各种控件事件。同时完美仿写了简道云的关联数据库控件，关联查询数据控件，逻辑配置等功能，可无码构建各种微系统。扩展：接私活
简搭云可视化表单最大的优势是直接vue代码直接渲染，而非JSON数组性渲染，市面上大部分vue可视化表单都是json渲染，vue源码渲染具有更好的高类聚，低耦合，复用性高，封装性强，易扩展的等特点。因为vue源码直接渲染模式，只要在线编写的代码和生成vue代码符合vue语法风格，就能进行渲染，无需编译，充分继承了vue强大的扩展性，可读性，聚合性，复用性，封装性等特点，他也可以很轻松集成市面上所有vue组件。如echart，datav，饿了么UI，百度地图，高德地图，antUI，各种自定义组件等。
与市面上表单不一样的特点有：
🚀1.一套表单三种模式一起设计
🚀2.生成一套代码同时适应PC，ipad，手机端的预览。
🚀3.支持在线编辑vue代码逻辑，不与可视化设计器生成的vue代码进行冲突。也可支持输入debugger，进行设计同时进行调试。另外，搜索公众号Linux就该这样学后台回复“电子书”，获取一份惊喜礼包。
🚀4.支持css代码在线编写，可针对表单风格进行编写css。
🚀5.可下载vue源码到本地，无需更改任何更改，可直接预览。
🚀6.属性，组件，事件，通用css都可以通过配置文件进行配置。
🚀7.vue源码生成采用jquery+jquerytemplate模板生成，根据不同业务，框架生成不同风格，业务，框架的代码，如目前已有项目适应的表单有：element-ui表单，ant-ui表单，mini-ui的表单，同样也可以支持也可以生成appui，小程序语法代码等。
🚀8.根据业务制定不同模板，生成不同的业务表单：如问卷调查表单，可视化大屏，流程表单，通用增删改查表单，只要业务存在一定的通用性，我们就可以创建一个不同的模板解析
🚀9.支持很多快捷的方式，如点击事件，可切换源码，编辑对应事件的方法。
🚀10.明细组件拖拽完成自动支持导入，导出。
🚀11.增加行列控件，能更好的精确布局。
🏆简搭云可视化表单实现无码开发设计运行思维图
由思维图中可以看出可视化平台主要由两个部分构成：表单设计器与mybatis语法解析引擎构成。而生成的代码由jquerytemplate 模板语法生成，所以可以支持element-ui框架，mini——ui框架，ant design框架，uniapp框架的源码生成，但是需要如下解决红色文字问题。
好了废话少说，直接上图
| pc端设计 | idad端设计 | 手机端设计 |
|---|---|---|
| pc端预览 | idad端预览 | 手机端预览 |
| 查看源码js部分 ，可在线编辑代码，可添加函数,与设计生成代码进行融合 | template html部分 | css部分，可根据界面风格进行调整,自行调整 |
导出vue源码，直接拷贝到项目中可直接使用，配置路由后就可以访问。
🏆Mybatis动态接口
在线动态接口,保存后即可生成增，删，查，导出，导入的动态接口，也可以编辑修改动态接口
动态接口
| 接口编辑，可智能提示表名，表字段 | 接口参数后端验证 | 列表接口字段显示 | 接口在线测试 |
|---|---|---|---|
项目源码，怎么领取？
扫码下方二维码，后台回复【无码开发】即可获取所有系统
在 GitHub猿 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！
猿哥个人微信
添加猿哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群
不限制商业授权低代码开发平台，OA协同办公平台！
最近，GitHub猿建了一个「GitHub猿交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，在 「GitHub猿」公众号后台回复【加群】邀请你入群。