基于node.js平臺的web用戶界面組件管理平臺的設(shè)計(jì)與實(shí)現(xiàn)

1、 分類號 分類號 學(xué)號 學(xué)號 M201376063 學(xué)校代碼 學(xué)校代碼 1 0 4 8 7 密級 密級 碩 士 學(xué) 位 論 文 碩 士 學(xué) 位 論 文 基于 基于 Node.js 平臺 平臺的 Web 用戶界面 用戶界面組件管理 管理平臺 平臺的設(shè)計(jì)與實(shí)現(xiàn) 的設(shè)計(jì)與實(shí)現(xiàn) 學(xué)位申請人 學(xué)位申請人 ： 張聰杰 張聰杰 學(xué) 科 專 業(yè) 學(xué) 科 專 業(yè) ： 軟件工程 軟件工程 指 導(dǎo) 教 師 指 導(dǎo) 教

2、 師 ： 邱德紅 邱德紅 副教授 教授 答 辯 日 期 ： 2016 年 1 月 8 日 I 華 中 科 技 大 學(xué) 碩 士 學(xué) 位 論 文 摘 要 在互聯(lián)網(wǎng)快速發(fā)展的環(huán)境下，O2O（Online to Offline，線上到線下）市場競爭越發(fā)激烈。想要在競爭如此激烈的環(huán)境中生存，不僅僅需要雄厚的資金財(cái)力的支持，更要做到產(chǎn)品有極佳的用戶體驗(yàn)和應(yīng)對快速迭代需求變更的能力。在此大環(huán)境下，美團(tuán)網(wǎng)為了提升用戶產(chǎn)品的體驗(yàn)，以及方便應(yīng)對不斷變

3、化的業(yè)務(wù)需求，需結(jié)合先進(jìn)技術(shù)和理論，實(shí)現(xiàn)通用性 UI（User Interface，用戶界面）組件化平臺來服務(wù)于美團(tuán)網(wǎng)各個業(yè)務(wù)線的產(chǎn)品和后臺系統(tǒng)，確保開發(fā)平臺擁有良好的易用性和可靠性。 在需求方提出的功能需求基礎(chǔ)上，決定采用以 Node.js 作為平臺的 Web 服務(wù)器以及 NoSQL（Not Only SQL）數(shù)據(jù)庫 MongoDB 技術(shù)對系統(tǒng)前端展示界面、數(shù)據(jù)庫操作及后臺邏輯進(jìn)行實(shí)現(xiàn)。為確保系統(tǒng)后續(xù)良好的擴(kuò)展性和可維護(hù)性，對系統(tǒng)的整

4、體架構(gòu)進(jìn)行設(shè)計(jì)， Web 前后端語言進(jìn)行了統(tǒng)一， Web 前端 （即 Browser 端）使用基于 JavaScript 的 ReactJS 庫實(shí)現(xiàn)交互，Web 后端（即 Server 端）采用基于JavaScript 語言的 Node.js 來實(shí)現(xiàn) Web 服務(wù)器， 完成一個全棧應(yīng)用。 同時結(jié)合系統(tǒng)結(jié)構(gòu)對系統(tǒng)的功能進(jìn)行設(shè)計(jì)，形成 UI 組件管理、UI 庫管理、小組管理和系統(tǒng)管理四大功能模塊，需要解決在線即時編譯、自動生成截圖、UI 組

5、件代碼沖突管理等技術(shù)點(diǎn)。為保證系統(tǒng)性能，結(jié)合系統(tǒng)訪問安全性和數(shù)據(jù)存儲安全性等因素對系統(tǒng)數(shù)據(jù)邏輯進(jìn)行設(shè)計(jì)，保證系統(tǒng)詳細(xì)設(shè)計(jì)的完全性。 在系統(tǒng)詳細(xì)設(shè)計(jì)基礎(chǔ)上， 采用 Node.js 等相關(guān)技術(shù)對模塊功能進(jìn)行開發(fā)， 得益于前后端分離開發(fā)模式的先進(jìn)性，快速并且完整地實(shí)現(xiàn)整個系統(tǒng)并保證了系統(tǒng)的擴(kuò)展性。系統(tǒng)提供給了 Web 開發(fā)者一個優(yōu)秀的 UI 分享平臺，在美團(tuán)網(wǎng)內(nèi)部上線之后，極大提高了工程師們的開發(fā)效率，而且大大降低了對各個業(yè)務(wù)線 UI 庫的開