手写一个表单设计器 -- activiti工作流养成计划(八)

目标:手写表单设计器

开源的表单设计器有很多,但是我还是手写一个,原因如下:
 1、开源的样式与若依框架不配套,如果自己再改样式的话难度与工作量太大。
 2、与自己想要的总是有些出入。
 3、造轮子的快乐。

大致思路:
基于若依框架本身提供的js插件和layui样式制作,效果与框架本身配套。
使用HTML5提供的拖拽api,可以是代码编写更简单。
利用thymeleaf的技术特点,将各种表单元素组件化,方便插拔与扩展
将表单的html代码保存到数据库中,将其与流程节点关联,需要展示节点表单时,从数据库中拿到表单代码渲染到页面上。

效果如下:

image.png
image.png
image.png
image.png

功能还很不全,只做了几个常用的,相比开源的扁担设计器肯定是差了很多,后边有时间会尝试集成一个优秀的开源设计器。
这部分代码放到了码云https://gitee.com/study_badcat/ry_mp_activiti,v2.3分支。

你可能感兴趣的:(手写一个表单设计器 -- activiti工作流养成计划(八))