基於Javascript， Springboot的管理系統報表查詢頁面代碼設計

前言：

以經驗來看，幾乎全部的查詢頁面中可能是這樣的狀況， 在頁面的上半部分可能是查詢條件， 下半部分則可能是顯示效果， 可是在開發中確定會有不少的複雜的結構，細節實現。函數不知不以爲就變的不少，這也致使前端的JavaScript代碼寫的愈來愈亂， 即便剛開始的時候將代碼設計的很清晰， 可是隨着代碼量的增多， 你會發現越來難寫， 而後最可怕的東西來了， 需求變更。 這就致使不少的東西須要大量改動。

1、業務過程

在實踐過程當中我發現這樣一件簡單的事實，無論需求怎樣變更， 細節須要怎樣處理， 實際上咱們須要作的事情不過是獲取查詢參數，進行查詢。以函數級爲定量，進行參數查詢。基於這個過程，能夠將業務分爲如下幾個階段：頁面加載、頁面初始化、參數查詢、頁面渲染。

2、 階段設計

參考Vue的實現：

我發現，在實現vue實例的過程當中，每一個階段都爲該階段綁定了兩個鉤子函數，before和after，基於這樣的操做使得每一個階段被細化，而且十分完整。基於這樣的理念， 咱們在設計代碼的時候也能夠這樣作， 就是 咱們能夠將四個階段細化爲12個階段， before、 init、 after分別用於每一個階段，能夠實現本身的結構劃分， 交由一個對象管理， 包括全局對象的設置也能夠交由這個對象管理，這樣就能夠大大增長代碼的可擴展性。