您好,登錄后才能下訂單哦!
“廠長, 上一次我們講過了工作流的整體規(guī)劃,今天我要動手做啦!我想先把工作流的自定義表單做出來?!?/p>
“好的,以前我做這方面的東西,我給你設(shè)計了一份表結(jié)構(gòu),你先拿去看看?!?/p>
“廠長,是不是沒有發(fā)完,怎么就一個表?”
我就知道你會這么問,我現(xiàn)在給你解釋一下重點字段的含義?!?/p>
數(shù)據(jù)表:將表單上的內(nèi)容保存到那個表。
關(guān)聯(lián)表的主鍵:要保存表單數(shù)據(jù)張表的主鍵。
是否需要建表:是否要把表單中的數(shù)據(jù)存入到表中,這里的意思是,是將表單上面的欄位與數(shù)據(jù)表的字段--對應(yīng)還是直接將整個表單的內(nèi)容打包一塊。這里呢就看用戶的需要啦,如果需要作統(tǒng)計匯總之類的數(shù)據(jù)分析,就按字段保存好了,如果不是就可以不用為表單上面每一個欄位都對應(yīng)數(shù)據(jù)字段,這樣操作起來也簡單。
表單內(nèi)容:注意啦!就是這里,其實我是想把表單上所有的內(nèi)容以json形式全部保存到一個字段里這樣后臺不用再單獨去建一張表來保存這些東西,前臺統(tǒng)一去解析就好了。
“明白了,這樣做確實好,可以少用到多表?!?/p>
“好的,”閑話少說,我給你看第一個界面,我們在做界面布局的時候要考慮用戶操作便捷性所以可以做成向?qū)街小!?/p>
“廠長,這里點一下一步就是跳到一個新的頁面嗎?”
“當(dāng)然不是,其實是多個DIV之間的切換。來我給你看看代碼。”
“別個這個頁面看起來很復(fù)雜的樣子,其實就是幾個div+js實現(xiàn)的。先看html”
再來看一下JS
“哇,真的呢,這種效果好,果然是可以跳來跳去的,那你現(xiàn)在講一下這個拖拽的表單是怎么實現(xiàn)的吧。”
“恩,你看看,這個東西的原理其實就是拼接html,左邊放工具欄,工具欄上選擇不同的工具其實就是不同類型的控件,右邊設(shè)置控件的屬性。中間顯示效果。”
后臺代碼:
就這么簡單,一個功能就完成了。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。