如何提高碼農產量,基於ASP.NET MVC的敏捷開發框架之自定義表單

post200發表於2021-09-09

 

“廠長, 上一次我們講過了工作流的整體規劃,今天我要動手做啦!我想先把工作流的自定義表單做出來。”

“好的,以前我做這方面的東西,我給你設計了一份表結構,你先拿去看看。”

圖片描述

“廠長,是不是沒有發完,怎麼就一個表?”

我就知道你會這麼問,我現在給你解釋一下重點欄位的含義。”

資料表:將表單上的內容儲存到那個表。

關聯表的主鍵:要儲存表單資料張表的主鍵。

是否需要建表:是否要把表單中的資料存入到表中,這裡的意思是,是將表單上面的欄位與資料表的欄位--對應還是直接將整個表單的內容打包一塊。這裡呢就看使用者的需要啦,如果需要作統計彙總之類的資料分析,就按欄位儲存好了,如果不是就可以不用為表單上面每一個欄位都對應資料欄位,這樣操作起來也簡單。

表單內容:注意啦!就是這裡,其實我是想把表單上所有的內容以json形式全部儲存到一個欄位裡這樣後臺不用再單獨去建一張表來儲存這些東西,前臺統一去解析就好了。

“明白了,這樣做確實好,可以少用到多表。”

“好的,”閒話少說,我給你看第一個介面,我們在做介面佈局的時候要考慮使用者操作便捷性所以可以做成嚮導式中。”

圖片描述

“廠長,這裡點一下一步就是跳到一個新的頁面嗎?”

“當然不是,其實是多個DIV之間的切換。來我給你看看程式碼。”

“別個這個頁面看起來很複雜的樣子,其實就是幾個div+js實現的。先看html”

圖片描述

再來看一下JS

圖片描述

圖片描述

“哇,真的呢,這種效果好,果然是可以跳來跳去的,那你現在講一下這個拖拽的表單是怎麼實現的吧。”

“恩,你看看,這個東西的原理其實就是拼接html,左邊放工具欄,工具欄上選擇不同的工具其實就是不同型別的控制元件,右邊設定控制元件的屬性。中間顯示效果。”

圖片描述

圖片描述

後臺程式碼:

圖片描述

圖片描述

就這麼簡單,一個功能就完成了。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2249/viewspace-2824081/,如需轉載,請註明出處,否則將追究法律責任。

相關文章