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

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

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

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

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

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