發(fā)布時(shí)間：2017-04-08 10:20

  本文關(guān)鍵詞：面向定制化廣告的前端組件化框架設(shè)計(jì)與實(shí)現(xiàn)，，由筆耕文化傳播整理發(fā)布。

【摘要】：隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,Web環(huán)境從Web1.0跨入Web2.0時(shí)代。網(wǎng)頁從簡單的展示靜態(tài)頁面轉(zhuǎn)變?yōu)橄蛴脩籼峁⿵?fù)雜的Web應(yīng)用。與原始的網(wǎng)頁只需要提供簡單的HTML、JavaScript和CSS不同,復(fù)雜的Web應(yīng)用與傳統(tǒng)的C/S應(yīng)用已經(jīng)相差無幾。項(xiàng)目的復(fù)雜度帶來代碼的復(fù)雜度。越來越龐大的HTML文檔、CSS和JavaScript意味著代碼耦合嚴(yán)重,這導(dǎo)致了代碼難以復(fù)用,最終也使得項(xiàng)目的迭代變得非常困難。為了應(yīng)對項(xiàng)目復(fù)雜度的日益提升,C/S架構(gòu)的后臺(tái)和客戶端曾提出了一系列解決方案,這些方案對于日益復(fù)雜的前端產(chǎn)生了指導(dǎo)意義。論文描述的前端框架正是借鑒了傳統(tǒng)的技術(shù)解決思路,應(yīng)用了MVP思想構(gòu)建前端組件。它通過將HTML標(biāo)準(zhǔn)文檔轉(zhuǎn)變?yōu)镠TML模板,CSS通過CSS預(yù)處理器編譯,JS轉(zhuǎn)變?yōu)槟K化組織構(gòu)建,使得代碼可以高效編寫和復(fù)用。最后通過自動(dòng)化測試與自動(dòng)化構(gòu)建聚合成框架。通過上述方式實(shí)現(xiàn)了組件化開發(fā),提高了開發(fā)效率。論文所描述的組件化前端框架來自于百度定制化廣告技術(shù)部,是前端團(tuán)隊(duì)當(dāng)前正在使用的組件化框架。它是對定制化廣告業(yè)務(wù)前端需求的具體實(shí)現(xiàn)。它應(yīng)對了廣告業(yè)務(wù)的諸多特性：樣式繁多但是相似度高、數(shù)據(jù)交互很少、一個(gè)樣式可能會(huì)被多個(gè)廣告使用。該框架所選取的組件化方案與現(xiàn)階段前端開發(fā)主流的組件化方案是一脈相承。經(jīng)過項(xiàng)目的實(shí)際使用反饋,它很好地解決了廣告業(yè)務(wù)樣式開發(fā)的困境。在論文中,將討論組件化前端框架的設(shè)計(jì)理念,需求以及總體架構(gòu)。并在此基礎(chǔ)上詳細(xì)描述組件化框架的各個(gè)模塊的實(shí)現(xiàn)細(xì)節(jié)。
【關(guān)鍵詞】：MVP模式 組件化 自動(dòng)化測試 自動(dòng)化構(gòu)建
【學(xué)位授予單位】：南京大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2016
【分類號(hào)】：TP311.52
【目錄】：

• 摘要5-6
• Abstract6-13
• 第一章 引言13-18
• 1.1 項(xiàng)目背景13-14
• 1.2 國內(nèi)前端框架的發(fā)展概況14-16
• 1.3 論文主要研究的工作16-17
• 1.5 論文的組織結(jié)構(gòu)17-18
• 第二章 技術(shù)綜述18-25
• 2.1 MV~*模式18-20
• 2.1.1 MVC模式18-19
• 2.1.2 MVP模式19
• 2.1.3 MVVM模式19-20
• 2.2 前端組件化相關(guān)技術(shù)20-23
• 2.2.1 HTML模板語言20-21
• 2.2.2 CSS預(yù)處理器21-22
• 2.2.3 JS模塊化22-23
• 2.3 自動(dòng)化構(gòu)建23-24
• 2.3.1 Gulp構(gòu)建工具23-24
• 2.3.2 NodeJS構(gòu)建平臺(tái)24
• 2.4 本章小結(jié)24-25
• 第三章 Lego前端框架的分析與設(shè)計(jì)25-47
• 3.1 項(xiàng)目總體規(guī)劃25-29
• 3.2 系統(tǒng)需求分析29-36
• 3.2.1 功能性需求30-35
• 3.2.2 非功能性需求35-36
• 3.3 系統(tǒng)總體設(shè)計(jì)與模塊設(shè)計(jì)36-46
• 3.3.1 總體結(jié)構(gòu)36-37
• 3.3.2 組件化模塊37-41
• 3.3.3 資源加載模塊41-43
• 3.3.4 自動(dòng)化測試和代碼規(guī)范模塊43-45
• 3.3.5 自動(dòng)化構(gòu)建與性能優(yōu)化45-46
• 3.4 本章小結(jié)46-47
• 第四章 Lego前端框架的實(shí)現(xiàn)47-61
• 4.1 組件化的實(shí)現(xiàn)47-56
• 4.1.1 基礎(chǔ)組件的實(shí)現(xiàn)48-52
• 4.1.2 組件容器Material的實(shí)現(xiàn)52-55
• 4.1.3 組件插件的實(shí)現(xiàn)55-56
• 4.2 資源加載的實(shí)現(xiàn)56-58
• 4.3 自動(dòng)化測試的實(shí)現(xiàn)58-60
• 4.4 本章小結(jié)60-61
• 第五章 總結(jié)與展望61-63
• 5.1 總結(jié)61
• 5.2 進(jìn)一步工作展望61-63
• 參考文獻(xiàn)63-65
• 致謝65-67

【相似文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 楊正武;;企業(yè)管理信息系統(tǒng)組件化信息資源分析與設(shè)計(jì)[J];商業(yè)時(shí)代;2009年23期

2 劉秋生,孫衛(wèi)紅;組件技術(shù)在軍事地理信息系統(tǒng)中的應(yīng)用[J];無線電通信技術(shù);2001年01期

3 馬天蔚;;以組件應(yīng)萬需[J];每周電腦報(bào);2001年68期

4 張春城;薛恒新;楊建華;;企業(yè)信息化中的企業(yè)業(yè)務(wù)組件建模分析[J];中外科技信息;2003年10期

5 侯成義,司書賓,孫樹棟;基于組件的組件庫管理系統(tǒng)[J];計(jì)算機(jī)工程與應(yīng)用;2003年30期

6 段繼華,劉衛(wèi);組件化技術(shù)在程序設(shè)計(jì)中的應(yīng)用[J];無線電通信技術(shù);2003年01期

7 史磊;沈?yàn)槿?宋子善;;基于組件的空戰(zhàn)戰(zhàn)效評估仿真平臺(tái)研究[J];計(jì)算機(jī)工程;2006年05期

8 孫祥鵬;杜滟;;水利基建財(cái)務(wù)管理信息系統(tǒng)的組件化技術(shù)特點(diǎn)[J];人民珠江;2006年04期

9 楊正武;;動(dòng)態(tài)組件的依賴關(guān)系分析與研究[J];軟件導(dǎo)刊;2009年05期

10 楊正武;;行業(yè)組件框架下的企業(yè)管理信息系統(tǒng)創(chuàng)新思路[J];商業(yè)時(shí)代;2010年13期

中國重要會(huì)議論文全文數(shù)據(jù)庫 前7條

1 李興瑋;潘曉;曾迎生;;組件技術(shù)在制導(dǎo)武器系統(tǒng)仿真建模中的應(yīng)用研究[A];2007系統(tǒng)仿真技術(shù)及其應(yīng)用學(xué)術(shù)會(huì)議論文集[C];2007年

2 王浩;高蓓;惲江峰;嚴(yán)洪森;;基于組件的供應(yīng)管理系統(tǒng)的研究[A];面向21世紀(jì)的生產(chǎn)工程——2001年“面向21世紀(jì)的生產(chǎn)工程”學(xué)術(shù)會(huì)議暨企業(yè)生產(chǎn)工程與產(chǎn)品創(chuàng)新專題研討會(huì)論文集[C];2001年

3 李漢;李忠俊;;淺談基于組件的業(yè)務(wù)建模[A];2008'中國信息技術(shù)與應(yīng)用學(xué)術(shù)論壇論文集（二）[C];2008年

4 吳明;黃東;;.NET下ERP系統(tǒng)的組件化開發(fā)[A];全國自動(dòng)化新技術(shù)學(xué)術(shù)交流會(huì)會(huì)議論文集（一）[C];2005年

5 謝方;岳增坤;;仿真通用計(jì)算引擎與組件動(dòng)態(tài)加載技術(shù)研究[A];中國造船工程學(xué)會(huì)電子技術(shù)學(xué)術(shù)委員會(huì)——2012年水下復(fù)雜戰(zhàn)場環(huán)境目標(biāo)識(shí)別與對抗及仿真技術(shù)學(xué)術(shù)交流論文集[C];2012年

6 曹衛(wèi)星;朱艷;戴廷波;潘潔;胡繼超;莊恒揚(yáng);;基于過程的組件化小麥生長模擬系統(tǒng)[A];’2003中國作物學(xué)會(huì)學(xué)術(shù)年會(huì)文集[C];2003年

7 陳亮;崔仁濤;謝小敏;;基于軟總線的組件通信技術(shù)在用電現(xiàn)場管理系統(tǒng)中的應(yīng)用[A];2007中國電機(jī)工程學(xué)會(huì)電力系統(tǒng)自動(dòng)化專委會(huì)供用電管理自動(dòng)化學(xué)科組（分專委會(huì)）二屆三次會(huì)議論文集[C];2007年

中國重要報(bào)紙全文數(shù)據(jù)庫 前10條

1 Tamim Saleh;組件化：銀行重構(gòu)新思維[N];金融時(shí)報(bào);2006年

2 林燕峰;簡單是美 和諧是金[N];計(jì)算機(jī)世界;2000年

3 本報(bào)記者 龔杰;組件技術(shù)“加速”軟件應(yīng)用[N];計(jì)算機(jī)世界;2002年

4 ;金思維：組件化突破行業(yè)屏障[N];中國計(jì)算機(jī)報(bào);2003年

5 肖健 作者系上海博科資訊股份有限公司副總裁;中小企業(yè)管理別迷信舶來品[N];中國企業(yè)報(bào);2005年

6 何進(jìn)偉;管理軟件：面臨“三化”[N];中國計(jì)算機(jī)報(bào);2003年

7 本報(bào)記者 徐莉;SOA統(tǒng)領(lǐng)下一個(gè)十年[N];網(wǎng)絡(luò)世界;2004年

8 ;托普發(fā)布軟件組件化開發(fā)平臺(tái)[N];人民郵電;2000年

9 鐘耳順;GIS朝組件化發(fā)展[N];中國計(jì)算機(jī)報(bào);2001年

10 ;國產(chǎn)組件化軟件平合與TopM++Builder[N];科技日報(bào);2000年

中國博士學(xué)位論文全文數(shù)據(jù)庫 前5條

1 李松;組件化可重構(gòu)嵌入式數(shù)控系統(tǒng)實(shí)施關(guān)鍵技術(shù)研究[D];華南理工大學(xué);2015年

2 劉剛;并行離散事件仿真可視化組件建模技術(shù)研究[D];國防科學(xué)技術(shù)大學(xué);2011年

3 戴鴻君;基于異構(gòu)多核體系與組件化軟件的嵌入式系統(tǒng)研究[D];浙江大學(xué);2007年

4 李?yuàn)檴?空間信息分布式協(xié)同高性能計(jì)算框架的初步研究[D];中國地質(zhì)大學(xué)（北京）;2009年

5 涂鈺青;基于IEC61499標(biāo)準(zhǔn)的組件化模型集成數(shù)控系統(tǒng)形式化建模與驗(yàn)證的研究[D];華南理工大學(xué);2011年

中國碩士學(xué)位論文全文數(shù)據(jù)庫 前10條

1 郭穎;組件化并行仿真引擎關(guān)鍵技術(shù)研究[D];北京理工大學(xué);2015年

2 牛立棟;基于.NET的SOA組件集成開發(fā)框架的研究與實(shí)現(xiàn)[D];西安電子科技大學(xué);2015年

3 林曉佳;基于SOA的中間業(yè)務(wù)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[D];華南理工大學(xué);2015年

4 張佳梁;面向定制化廣告的前端組件化框架設(shè)計(jì)與實(shí)現(xiàn)[D];南京大學(xué);2016年

5 張麗;本體在組件描述和檢索中的應(yīng)用研究[D];哈爾濱工程大學(xué);2008年

6 陳沖;基于組件的水文集成建模環(huán)境的設(shè)計(jì)[D];蘭州大學(xué);2012年

7 李明;面向?qū)ο箝_發(fā)方法中可重用組件技術(shù)的研究[D];大連海事大學(xué);2003年

8 陳光;基于推理算法無關(guān)性原則的組件管理系統(tǒng)[D];吉林大學(xué);2004年

9 宋海榮;組件技術(shù)的研究及在商標(biāo)審查系統(tǒng)中的應(yīng)用[D];北京郵電大學(xué);2013年

10 朱Z

本文編號(hào)：292672