【引言】

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

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

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

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

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

（2）頁(yè)面模型化

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

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

【作者信息】

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

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