【引言】

在“互聯(lián)網(wǎng)+”時代的發(fā)展趨勢下，眾多行業(yè)發(fā)展都不能脫離互聯(lián)網(wǎng)，由此帶來了日益增長的Web頁面需求。然而在實際開發(fā)過程中，不論是直接編寫HTML頁面還是通過React或Vue等前端框架進行頁面生成，效率都比較低，而且后期維護也不方便。

相較于其他頁面，Web應用的后臺管理系統(tǒng)具有較為相似的需求，頁面注重的是信息的組織和功能的實現(xiàn)，而需求的功能大多是基于后臺數(shù)據(jù)的展示和管理，其本質(zhì)上是針對數(shù)據(jù)庫的增刪改查操作[1-2]。

基于后臺管理系統(tǒng)的特性和當前后臺頁面開發(fā)的困難，提供如下設計方案：

（1）可視化頁面生成系統(tǒng)

針對設計人員對代碼不熟悉、開發(fā)人員在開發(fā)后臺管理頁面效率低下的問題，本文采用了可視化頁面生成系統(tǒng)，使設計人員僅通過拖拽和點擊的方式進行相應頁面生成，并能夠?qū)崟r預覽；開發(fā)人員僅需對該系統(tǒng)進行維護。

（2）頁面模型化

針對代碼復用率低、頁面維護成本高、頁面文件體積過大、無法滿足用戶需求的問題，本文采用了頁面模型化技術進行解決。通過建立頁面描述模型，記錄頁面結(jié)構(gòu)、布局和樣式，達到縮減頁面文件體積的目的；通過將頁面的元素進行組件化，提高頁面內(nèi)組成元素的粒度，并可以單獨測試、維護，降低維護成本；通過設定組件規(guī)范，為用戶提供自定義組件模型，滿足自定義組件需求。

文章詳細內(nèi)容下載請點擊：基于組件化的后臺管理頁面生成系統(tǒng)設計與實現(xiàn)AET-電子技術應用-最豐富的電子設計資源平臺 (chinaaet.com)

【作者信息】

王敬博，張騰飛，邵武長，康衛(wèi)，秦風圓，焦冬冬

（華北計算機系統(tǒng)工程研究所，北京 100083）