一款可视化表单设计器可视化表单设计生成一套代码同时适应PC、iPad、手机端

源码资源网 · 发表于前天 12:34

一款可视化表单设计器可视化表单设计生成一套代码同时适应PC、iPad、手机端
可视化表单设计器致力于无码开发，构建各种管理系统，预览采用vue源码进行预览，同时支持在线编辑各种业务逻辑，可轻松定义各种控件事件。同时完美仿写了关联数据库控件，关联查询数据控件，逻辑配置等功能，可无码构建各种微系统。

使用技术点：

vue2.0 element-ui monaco vuedraggable jsplumb.js jquery jquerytemplate等插件

安装教程

nodejs

首次下载项目后，安装项目依赖：

npm install

本地开发

npm run serve

构建

npm run build

可视化表单最大的优势是直接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.增加行列控件，能更好的精确布局。
可视化表单实现无码开发设计运行思维图

一款可视化表单设计器可视化表单设计生成一套代码同时适应PC、iPad、手机端 ...