ruoyi vue表单设计器

整了半个多月的表单设计器终于出来了！
说一下我的具体需求吧。

因为公司要做很多有关表单的业务，为了减少代码量和增加工作效率。
和工作流进行整合，在工作流中调用表单。

之前做过一个html标签的拖拽表单设计，感觉写的有点乱，判断各种属性标签生成数据库表字段有点麻烦，所以最近又做了一套vue版本的相比较 vue的操作简单一点，
参考几套oa系统。jeecgboot，湘北智造，
基于 Form Generator

思路：Form Generator 组件显示时通过一个js写死的list数据，这是关键点，因为这就是vue_json_field。然后再java中转json 提取出vModel就是属性名，提取出taglcon就是字段类型。把这两个属性存入map 在mappe.xml中遍历添加到数据表中。
回显: 再次设计表单时回显之前设计的属性，只要把vue_json_field给到前台放到相应的组件中就行，
添加数据: 跟回显一样，只是把回显的页面重新掉了一次换了个地方而已，最后提交的时候提交的数据为：vue_json_field 赋值的组件，转成json 在java中把vModel和defaultValue遍历取出便可以实现动态添加
修改：去数据库中查出数据遍历值输出到 vue_json_field的defaultValue中、
从设计表单，到动态调取表单添加，修改，删除，查看。
sql字段设计如下，tb_1和tb_2表关系，一对多。（这里有个更好的实现方法，一个tb_2表就可以完成，当时做的时候没有考虑到，直接存入json数据后就不用tb_2表。tb_2的数据，相当于vue_json_field的数据）
tb_1

tb_2

ruoyi vue表单设计器相关推荐

开源Vue表单设计器
一.项目简介 Vue表单设计器,开源二.实现功能支持文本(单行文本.多行文本) 支持时间选择器支持单选和多选支持下拉选择框支持单行文本.支持多行文本支持格栅布局,支持滑块支持图片.支持自 ...
多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...
基于vue Ant-Design 的表单设计器，快速开发
基于vue Ant-Design 的表单设计器,快速开发https://gitee.com/kcz66/k-form-design/ 表单设计器 k-form-design image 简介参考项目 ...
flowable表单设计器选型
用flowable实现工作流不可避免有表单的需求,讲一下flowable表单设计器的选择. flowable有自带的表单设计器,这个结合业务需求看是否合适. 网上也有很多开源的设计器,如果用开源的表单 ...
activiti表单设计器_基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址: http://tools.xiaoyaoji.cn/form Gi ...
Antd Vue 表单生成快速开发指南，内附强大的表单设计器
之前发布了一款基于Element的表单设计器,可以快速设计和生成表单,设计器地址:http://form.making.link/.现在我可以告诉大家,Antd表单支持来了,可以使用设计器设计好表单后 ...
基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址:http://form.making.link GitHub地址:h ...
Vue+Element-UI 使用 Vform 表单设计器
1.表单设计器基础字段建议 //主键id Int id (guid id) //表单数据 String FormJson //表单名称 String FormName //表单描述 String F ...
Vue——formcreate表单设计器自定义组件实现
form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成组件.支持3个UI框架,并且支持生成任何 Vue 组件.内置20种常用表单组件和自定义组件,再复杂 ...

ruoyi vue表单设计器

ruoyi vue表单设计器

ruoyi vue表单设计器相关推荐

最新文章

热门文章