5、敏捷開發框架 初識組件式開發

敏捷開發框架初識組件式開發

可能這個叫法必定很是準確，可是的確實現了組件式的開發

那好吧，姑且就這麼叫吧

 

下面講講這個頁面的由來：

 

首先咱們提供了一個功能檢索的頁面，用於查詢全部的功能菜單

這個頁面的實現，QueryPage 太拿手了

查詢列表的全部功能所有搞定

點擊【編輯】或者雙擊進入編輯畫面

這就是典型的編輯頁面模型

 

全部的代碼，包括表單驗證，數據加載、保存，所有實現。

好像沒有什麼特別的。

 

你們特別關注下 粉色框線部分的 引用

引入了一個 EditArea.html

裏面的內容就是

這樣就可以實現設計內容的共享了。

爲何要這麼作，看下圖

這是另外的一個頁面：

其中紅色框線部分是如出一轍的，目前都是經過分部引用的方式加載的

 

 

這只是個例子，將來經過你們的想象能夠發揮很是大的做用

不單單是用於複用模式下

即便不是複用，也能夠用來分解複雜頁面的施工，將不一樣的部件組裝整合成一個完整的部分

 

例以下圖：

將員工維護區域拆分紅獨立的頁面開發，其實就是一個簡單的查詢頁面模型

將上面的機構編輯區域獨立開發，其實就是一個簡單的編輯頁面模型