开源项目首页
笔者在接到项目哀求后，在github上找了良久，也有好几个版本，现在全部都贡献出来，以便于大家参考，个中包括了PC端和移动端（分开的并不是集成在一起的，有点遗憾），有一些虽然开源，但是收费这里就不先容了，下面是干系地址：
1、https://github.com/wxjaa/ddvue（Vue+移动端）
2、https://github.com/xiedajian/dingding（jQuery+移动端）
3、https://github.com/chrunlee/formdesigner（jQuery+移动端）
4、https://github.com/wxjaa/dingding（jQuery+移动端）
5、https://github.com/mrabit/vue-formbuilder（Vue+PC）
笔者是在第一个Vue版本的根本上修正的，实在大部分代码不须要修正，不过须要自行整合金自己的项目，可以根据自己的需求进行整合
项目先容由于笔者利用的是第一个，因此就直接拿第一个进行大略的先容，遗憾的是没有找到React和Angular版本的，可以根据须要自行选择。
1、项目构造大致的项目构造如下，这只是一个根本的脚手架项目，由于开源的韶光较长，脚手架利用的不是最新版，不过这不是重点：
2、组件部分
这部分紧张便是自定义的一些控件部分，像文本框、下拉框等的渲染部分都在这里，对应如下部分
3、中间界面部分
也便是进行拖拽后的表单容器
4、设置部分
全体项目也就分为大致这几个部分，由于笔者刚刚打仗Vue不久，有些地方也可能存在理解不到位的地方，这里就不在过多先容，其余还包括头部和按钮部分，全体界面的核心便是中间的设计器部分，有须要的朋友自行修正即可，个中控件当中包含的明细，相信是大家须要的！
首先先克隆或者下载下来源代码：
# 安装依赖npm install# 启动做事npm run dev# 构建打包npm run buildPC版的大致预览
可实现自定义表单控件,可拖拽排序，自定义属性由于这部分笔者还没有用到，因此大略的一起来看看效果
总结对付智能表单设计器，笔者目前也正在摸索如果能够实现的更好，以上的案例都供应了非常不错的思路，非常感谢开源的作者们，如果你也有同样的需求，可以参考以上几个，当然加入你有更好的思路，也可以在评论区留言分享，感谢！
