先看圖,下邊這個簡單的增、删、改、查,如果自己寫代碼實作,這兩個頁需要多少行代碼?
如果再有類似的增、删、改、查,又需要多少行代碼?
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnLwEDMzgDO3ITM0MTMyADMxgTMwIzLcVDM0EDMy8CXvZmbp9CXt92YuUGZvNWatFWbuU2Zh1Wavw1LcpDc0RHaiojIsJye.png)
我最近搞的這個快速開發架構中,代碼行數不超過100。
兩頁的代碼如下:
1,清單頁:
2,新增/編輯頁代碼如下:
為什麼,實作這麼多的功能,隻需要這稀稀拉拉不到100行的前台代碼?
那是因為,大量的代碼都重用,都寫在其他類庫。
比如說,清單頁中畫Datagrid,比如說增、删、改按鈕的事件,這些都共用,寫在Common.js中,通過傳參數就可以實作對應的功能。
比如說,新增/修改頁中的送出和傳回按鈕的觸發事件,是寫在一個分部視圖裡的,頁面中隻需一行代碼調用就可以了。
這樣所有的新增/修改頁,都調用這一個分部視圖。
比如說,往背景傳頁面參數,普通的作法時,對頁面上的控件,一個一個的擷取其值,然後傳到背景,這裡的作法是,擷取頁面所有的控制值,組裝成Json,傳入背景,背景再轉移為對應實體,是不是很帥,很友善呢?
關鍵代碼如下:
往背景傳參。
背景接收參數:
至此,功能基本實作,剛好要下班了,有興趣的請留言,我接着把,謝謝。