一、开源项目简介

简搭云可视化表单设计器致力于无码开发，构建各种管理系统，向简道云方向前进，预览采用vue源码进行预览，同时支持在线编辑各种业务逻辑，可轻松定义各种控件事件。同时完美仿写了简道云的关联数据库控件，关联查询数据控件，逻辑配置等功能，可无码构建各种微系统。

二、开源协议

使用Apache-2.0开源协议

三、界面展示

pc端设计 

ipad端设计 

手机端设计

pc端预览

手机端预览 

生成最终的vue code，css,html页面，也是编辑vue代码的页面。

下载vue源码，会自动格式化。

四、功能概述

特性与介绍。

简搭云可视化表单最大的优势是直接vue代码直接渲染，而非JSON数组性渲染，市面上大部分vue可视化表单都是json渲染，vue源码渲染具有更好的高类聚，低耦合，复用性高，封装性强，易扩展的等特点。因为vue源码直接渲染模式，只要在线编写的代码和生成vue代码符合vue语法风格，就能进行渲染，无需编译，充分继承了vue强大的扩展性，可读性，聚合性，复用性，封装性等特点，他也可以很轻松集成市面上所有vue组件。如echart，datav，饿了么UI，百度地图，高德地图，antUI，各种自定义组件等。

与市面上表单不一样的特点有：

1.一套表单三种模式一起设计

2.生成一套代码同时适应PC，ipad，手机端的预览。

3.支持在线编辑vue代码逻辑，不与可视化设计器生成的vue代码进行冲突。也可支持输入debugger，进行设计同时进行调试。

4.支持css代码在线编写，可针对表单风格进行编写css。

5.可下载vue源码到本地，无需更改任何更改，可直接预览。

6.属性，组件，事件，通用css都可以通过配置文件进行配置。

7.vue源码生成采用jquery+jquerytemplate模板生成，根据不同业务，框架生成不同风格，业务，框架的代码，如目前已有项目适应的表单有：element-ui表单，ant-ui表单，mini-ui的表单，同样也可以支持也可以生成appui，小程序语法代码等。

8.根据业务制定不同模板，生成不同的业务表单：如问卷调查表单，可视化大屏，流程表单，通用增删改查表单，只要业务存在一定的通用性，我们就可以创建一个不同的模板解析

9.支持很多快捷的方式，如点击事件，可切换源码，编辑对应事件的方法。

10.明细组件拖拽完成自动支持导入，导出。

11.增加行列控件，能更好的精确布局。

五、技术选型

使用技术点：

vue2.0 element-ui monaco vuedraggable 等插件

安装教程

nodejs其他版本下载地址：输入链接说明

• 确保已经安装node.js 10-15的版本，高版本没有测试过。
• 首次下载项目后，安装项目依赖：

npm install

• 本地开发

npm run serve

• 构建

npm run build