目標(biāo):手寫表單設(shè)計器
開源的表單設(shè)計器有很多逻谦,但是我還是手寫一個掌实,原因如下:
?1、開源的樣式與若依框架不配套邦马,如果自己再改樣式的話難度與工作量太大贱鼻。
?2宴卖、與自己想要的總是有些出入。
?3邻悬、造輪子的快樂症昏。
大致思路:
基于若依框架本身提供的js插件和layui樣式制作,效果與框架本身配套父丰。
使用HTML5提供的拖拽api肝谭,可以是代碼編寫更簡單。
利用thymeleaf的技術(shù)特點础米,將各種表單元素組件化分苇,方便插拔與擴展
將表單的html代碼保存到數(shù)據(jù)庫中添诉,將其與流程節(jié)點關(guān)聯(lián)屁桑,需要展示節(jié)點表單時,從數(shù)據(jù)庫中拿到表單代碼渲染到頁面上栏赴。
效果如下:
功能還很不全蘑斧,只做了幾個常用的,相比開源的扁擔(dān)設(shè)計器肯定是差了很多须眷,后邊有時間會嘗試集成一個優(yōu)秀的開源設(shè)計器竖瘾。
這部分代碼放到了碼云https://gitee.com/study_badcat/ry_mp_activiti,v2.3分支花颗。