基于bootstrap拖拽布局完成的web表单设计器

源码地址:https://github.com/wuyongqiang12138/wuyongqiang 

本人是一名java开发程序员,前段时间公司要制作一个bpm项目,项目中需要一个表单设计器,以达到设计动态表单的功能;

然后我在网上找了半天,免费开源的几乎都不适用,最后勉强找到一个bootstrap的布局样式设计器。

然后凭着自己的半吊子前端功力,改了一下,最后做出一个表单设计器,可以保存为html文件,还可以通过js渲染成layui的样式。

废话不多说,直接上图:(设计器样式及表单组件样式)

基于bootstrap拖拽布局完成的web表单设计器_第1张图片

基于bootstrap拖拽布局完成的web表单设计器_第2张图片

layui渲染后的样式:

基于bootstrap拖拽布局完成的web表单设计器_第3张图片

由于本人不是专业前端,所以这份源码还有很多漏洞,欢迎各位拍砖!

最后提一下,源码地址:https://github.com/wuyongqiang12138/wuyongqiang 

请大家点一下github的收藏,转载请说明出处

你可能感兴趣的:(bootstrap,layui,web,拖拽式,表单设计器)