【引言】

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

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

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

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

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

（2）頁面模型化

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

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

【作者信息】

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

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