天天看點

基于EasyUi的快速開發架構

先看圖,下邊這個簡單的增、删、改、查,如果自己寫代碼實作,這兩個頁需要多少行代碼?

如果再有類似的增、删、改、查,又需要多少行代碼?

基于EasyUi的快速開發架構

我最近搞的這個快速開發架構中,代碼行數不超過100。

兩頁的代碼如下:

1,清單頁:

2,新增/編輯頁代碼如下:

為什麼,實作這麼多的功能,隻需要這稀稀拉拉不到100行的前台代碼?

那是因為,大量的代碼都重用,都寫在其他類庫。

比如說,清單頁中畫Datagrid,比如說增、删、改按鈕的事件,這些都共用,寫在Common.js中,通過傳參數就可以實作對應的功能。

比如說,新增/修改頁中的送出和傳回按鈕的觸發事件,是寫在一個分部視圖裡的,頁面中隻需一行代碼調用就可以了。

這樣所有的新增/修改頁,都調用這一個分部視圖。

比如說,往背景傳頁面參數,普通的作法時,對頁面上的控件,一個一個的擷取其值,然後傳到背景,這裡的作法是,擷取頁面所有的控制值,組裝成Json,傳入背景,背景再轉移為對應實體,是不是很帥,很友善呢?

關鍵代碼如下:

往背景傳參。

背景接收參數:

至此,功能基本實作,剛好要下班了,有興趣的請留言,我接着把,謝謝。