2023年6月21日发(作者:)

java动态表单开源_deform:动态表单,基于雷劈⽹的表单设计器扩展,java实现后台。。。注意注意 VUE版本得动态表单已开始发布(计划9⽉初推到npm仓库),此jquery版本的项⽬早已不再维护,请⼤家移步:预览github: github预览gitee镜像: gitee解析全部由java处理,时间紧迫,代码实现上不考虑太多的效率问题。原有控件部分已经屏蔽,如果⼤家感兴趣可以联系我⼀起加进来,另外如果控件有需要新增也可以联系本⼈(jjxliu306@)。最新修改:⽬前 radio,select,checkbox均⽀持ajax从后台获取数据进⾏列表组合。数据表两个:drop table if exists form;-- ⾃定义的⼯单create table form(form_idint auto_increment primary key ,form_name varchar(255),template text, -- 页⾯编辑好的原始htmlhtml text , -- 反解析出来的页⾯html代码(设计到定义的select lictrl等控件要解析出展⽰代码)data text, -- ⾃定义的各个控件字段的jsonarray格式存储parse text ,fields integer,crtime timestamp,modify_time timestamp);drop table if exists entry;-- 保存各个⼯单填写的记录create table entry(idint auto_increment primary key ,form_idint , -- 填写的动态⼯单IDvaluetext, -- 实际为json格式,存储此次填写的动态表单数据crtime timestamp ,modify_timetimestamp);动态表单绘制完毕后由后台解析并存储到数据库,后续每次发起的⼯单通过form中的html在页⾯进⾏绘制。⼯单填写完毕通过页⾯将form表单内容jsonobject之后交由后台验证并保存。以下是⽬前此项⽬的⼀些截图。1、动态表单新增2、动态表单预浏览3、填写已设置动态表单的⼯单4、⼯单浏览查看(readonly)功能实现:雷劈⽹动态表单中原有的字段⼤部分均添加了⼀些修改,譬如⾮空(notnull),将name和title区分开,增加select,radios,checkbox选项的数据从填写的url中通过ajax获取等。详细如下:1、 针对text,textarea,select,checkboxs,listctrl,datepicker(⾃增控件)添加notnull⾮空选项,勾选此选项后,后续数据输⼊均会在后端进⾏⾮空验证(针对text中int,email等类型也会进⾏格式验证).2、 listctrl屏蔽单位、合计、默认值,但增加每个列字段的⾮空验证选项(针对字段的int类型也会验证)。3、 对所有控件中name和title区分出来,其中name主要⽤来后续表单存储结果中作为key,title⽤来后续表单验证中进⾏提⽰使⽤。4、 select,radios,checkbox控件中选项数据均通过配置url从后台获取数据显⽰。各个控件编辑图如下:text:textarea:radio:checkboxs:select:datepicker:listctrl最后来⼏张⽰例项⽬的全图:

2023年6月21日发(作者:)

java动态表单开源_deform:动态表单,基于雷劈⽹的表单设计器扩展,java实现后台。。。注意注意 VUE版本得动态表单已开始发布(计划9⽉初推到npm仓库),此jquery版本的项⽬早已不再维护,请⼤家移步:预览github: github预览gitee镜像: gitee解析全部由java处理,时间紧迫,代码实现上不考虑太多的效率问题。原有控件部分已经屏蔽,如果⼤家感兴趣可以联系我⼀起加进来,另外如果控件有需要新增也可以联系本⼈(jjxliu306@)。最新修改:⽬前 radio,select,checkbox均⽀持ajax从后台获取数据进⾏列表组合。数据表两个:drop table if exists form;-- ⾃定义的⼯单create table form(form_idint auto_increment primary key ,form_name varchar(255),template text, -- 页⾯编辑好的原始htmlhtml text , -- 反解析出来的页⾯html代码(设计到定义的select lictrl等控件要解析出展⽰代码)data text, -- ⾃定义的各个控件字段的jsonarray格式存储parse text ,fields integer,crtime timestamp,modify_time timestamp);drop table if exists entry;-- 保存各个⼯单填写的记录create table entry(idint auto_increment primary key ,form_idint , -- 填写的动态⼯单IDvaluetext, -- 实际为json格式,存储此次填写的动态表单数据crtime timestamp ,modify_timetimestamp);动态表单绘制完毕后由后台解析并存储到数据库,后续每次发起的⼯单通过form中的html在页⾯进⾏绘制。⼯单填写完毕通过页⾯将form表单内容jsonobject之后交由后台验证并保存。以下是⽬前此项⽬的⼀些截图。1、动态表单新增2、动态表单预浏览3、填写已设置动态表单的⼯单4、⼯单浏览查看(readonly)功能实现:雷劈⽹动态表单中原有的字段⼤部分均添加了⼀些修改,譬如⾮空(notnull),将name和title区分开,增加select,radios,checkbox选项的数据从填写的url中通过ajax获取等。详细如下:1、 针对text,textarea,select,checkboxs,listctrl,datepicker(⾃增控件)添加notnull⾮空选项,勾选此选项后,后续数据输⼊均会在后端进⾏⾮空验证(针对text中int,email等类型也会进⾏格式验证).2、 listctrl屏蔽单位、合计、默认值,但增加每个列字段的⾮空验证选项(针对字段的int类型也会验证)。3、 对所有控件中name和title区分出来,其中name主要⽤来后续表单存储结果中作为key,title⽤来后续表单验证中进⾏提⽰使⽤。4、 select,radios,checkbox控件中选项数据均通过配置url从后台获取数据显⽰。各个控件编辑图如下:text:textarea:radio:checkboxs:select:datepicker:listctrl最后来⼏张⽰例项⽬的全图: