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

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

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

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

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

废话不多说，直接上图：（设计器样式及表单组件样式）

layui渲染后的样式：

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

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

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

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

要想工作流程更简便，试试开源web表单设计器
繁杂的工作流程,让您头疼不已?传统的表单制作效率低?内部数据迟迟得不到有效管理?-作为职场人的你,是否经常遇到上述问题.别着急,在如今的快节奏发展时代,传统的表单制作已经满足不了行业和市场的需求了,想 ...
web表单设计器Ueditor Formdesign Plugins安装使用教程
安装扩展请先下载扩展,建议下载完整带示例包,如果你下载独立扩展包,那你还需要另外下载Ueditor 下载扩展安装解压后,这个目录便是表单设计器扩展的全部独立下载的用户,同样 copy 到 Ue ...
基于Vue3，Element Plus的一款表单设计器，支持生成Element和Antd样式的表单
简介 FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器,可以生成 Element 和 Antd 样式的表单. FormMaking 目前 ...
布局器拖拽拖拽表单设计器厉害了
码农苦码农懂! 您是否有过以下想法: 我是一名element初学者,我想以最短的时间快速进入 element 的大门我是一名后端工程师,虽能熟练掌握 JS 的写法,但是页面样式布局让我很头疼我是一 ...
基于VUE的ElementUi可视化表单设计器布局器
码农苦码农懂的个人空间工作日志正文基于VUE的ElementUi可视化表单设计器布局器顶原码农苦码农懂发布于 09/11 15:35 字数 1187 阅读 41 收藏 0 点赞 1 评论 ...
html5拖拽表单设计器,require+jquery+backbone实现拖拽式报表设计器-拖拽式表单设计器...
HTML我帮您-拖拽式报表设计器-拖拽式表单设计器是一个可视化设计器,基于require+jquery+backbone+underscore+bootstrap实现的表单设计器.思想来源于 Layo ...
多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...
js html表单设计器,可视化表单设计器拖拽生成表单(原创)
插件描述:可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间. 更新时间:2021-04-11 21:56:01 form-create-designer form-crea ...
js 拖拽生成html,js拖拽插件 js 拖拽控件生成自定义表单怎么实现
想请教一个js的问题,拖拽控件 js 拖拽控件生成自定义表单怎么实现说说步骤吧监听mousedown事件 - 获取鼠标点击元素,判断是否可拖拽 - 设置flag做标记 - 建一个tempDOM, ...
基于 Formily 的表单设计器实现原理分析
编者寄语:本期为大家带来基于 Formily 的拖拽式表单设计器玩法,探索可视化时代表单设计器的可能. 背景在控制台类 web 应用中,表单是最常见的交互形式.用户在表单中填写信息,点击提交就能完成 ...

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

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

最新文章

热门文章