隨著互聯(lián)網(wǎng)的蓬勃發(fā)展,網(wǎng)民對(duì)web端網(wǎng)頁(yè)要求有很大程度的提升。前端開(kāi)發(fā)不再僅限制于簡(jiǎn)單圖片和文字的展示,而是更加側(cè)重研究怎樣優(yōu)化用戶體驗(yàn)和展示更加友好的頁(yè)面,這樣就加重web前端代碼的開(kāi)發(fā)量。本文作者選擇了MVC模型Backbone作為搭載前端框架基礎(chǔ),以CRM（Customer Relationship Management,即客戶關(guān)系管理）系統(tǒng)的詳情模塊為例進(jìn)行實(shí)際展示應(yīng)用,保證復(fù)雜數(shù)據(jù)處理系統(tǒng)的需求。CRM系統(tǒng)主要是‘以客戶為中心’,詳情模塊里主要做各類(lèi)與客戶有關(guān)的對(duì)象進(jìn)行數(shù)據(jù)處理,包括公用組件模塊、詳情通用操作及對(duì)象詳情模塊,本文主要介紹客戶、訂單、回款對(duì)象詳情。首先通過(guò)介紹前端框架及CRM系統(tǒng)在國(guó)內(nèi)外研究情況,分析前端框架及CRM系統(tǒng)研究?jī)r(jià)值及發(fā)展趨勢(shì)。分析對(duì)比C/S和B/S兩種經(jīng)典開(kāi)發(fā)模式各自特點(diǎn),并論述選擇B/S開(kāi)發(fā)模式的原因,在此基礎(chǔ)上,選擇具有事件綁定機(jī)制、模板技術(shù)等特點(diǎn)的Backbone作為搭載前端框架基礎(chǔ),并根據(jù)系統(tǒng)需要處理各種對(duì)象詳情的復(fù)雜數(shù)據(jù)操作,設(shè)計(jì)可以處理符合業(yè)務(wù)需求的Model、View和Collection三個(gè)模塊。然后以CRM系統(tǒng)的詳情模塊為例,說(shuō)明... 

【文章來(lái)源】：哈爾濱工業(yè)大學(xué)黑龍江省 211工程院校 985工程院校

【文章頁(yè)數(shù)】：78 頁(yè)

【學(xué)位級(jí)別】：碩士

【部分圖文】：

UI控件用例圖

- 7 -圖 2-2 模板用例圖的 template 函數(shù)可以讓開(kāi)發(fā)人員自己手動(dòng)則表達(dá)式進(jìn)行模式匹配，遇到特殊字符就驗(yàn)和防止 XSS 的方法。在一段正常的 htmlscript 語(yǔ)言一樣，建立數(shù)據(jù)提供的標(biāo)簽個(gè)數(shù)

html 文件[27]。例如，“<% %><%%>”標(biāo)特別是循環(huán)和判斷語(yǔ)句，這是模板技術(shù)的換，里面?zhèn)魅爰s定變量名，template 模板會(huì)想要簡(jiǎn)單預(yù)防 XSS，我們可以在“{{}}”這三個(gè)特殊字符一起混合使用，與后端進(jìn)行模板的使用了，類(lèi)似于“<% %><p class=”tip-list”>{{-list.name}}</p><%件前更加趨近和推崇控件化開(kāi)發(fā)，把一個(gè)頁(yè)功能獨(dú)立，自成一體，這樣每一個(gè)獨(dú)立的使用，而不受其他依賴(lài)的影響。控件樹(shù)是點(diǎn)、多個(gè)子節(jié)點(diǎn)的特點(diǎn)，一個(gè)頁(yè)面或一個(gè)樹(shù)的根節(jié)點(diǎn)[29]。通過(guò)使用可嵌套的控件樹(shù)一，大大提高開(kāi)發(fā)效率，具體用例圖如圖

【參考文獻(xiàn)】：
期刊論文
[1]基于React Native的移動(dòng)辦公應(yīng)用開(kāi)發(fā)實(shí)踐[J]. 朱勇.  中國(guó)金融電腦. 2017(04)
[2]基于MVC模型和行為描述的Web應(yīng)用測(cè)試框架[J]. 蔣破荒,徐建明.  現(xiàn)代電子技術(shù). 2017(06)
[3]基于移動(dòng)開(kāi)發(fā)現(xiàn)狀探討React Native[J]. 嚴(yán)新巧.  電腦知識(shí)與技術(shù). 2016(32)
[4]Vue+Webpack框架在銀行App前端開(kāi)發(fā)的應(yīng)用[J]. 江慶,葉浩榮.  金融科技時(shí)代. 2016(11)
[5]Web新興前端框架與模式研究[J]. 占東明,洪家偉,陳希楊,徐禮飛,辛鄢放.  電子商務(wù). 2016(10)
[6]基于bootstrap框架的響應(yīng)式OA系統(tǒng)前端UI實(shí)現(xiàn)[J]. 張曉穎.  科技展望. 2016(23)
[7]基于框架的WEB前端設(shè)計(jì)[J]. 俞華鋒.  科技視界. 2016(23)
[8]Time-division multiplexing holographic display using angular-spectrum layer-oriented method（Invited Paper）[J]. 趙燕,曹良才,張浩,譚巍,吳圣函,王崝,楊強(qiáng),金國(guó)藩.  Chinese Optics Letters. 2016(01)
[9]面向Web2.0的web應(yīng)用前端開(kāi)發(fā)框架設(shè)計(jì)研究[J]. 曾李青.  科技與創(chuàng)新. 2015(22)
[10]Web前端開(kāi)發(fā)技術(shù)探討[J]. 楊毅.  電腦知識(shí)與技術(shù). 2014(23)

碩士論文
[1]基于jQuery的Web前端框架MX的設(shè)計(jì)與實(shí)現(xiàn)[D]. 張迎亞.南京大學(xué) 2014
[2]騰訊Q+應(yīng)用商店前端框架設(shè)計(jì)與實(shí)現(xiàn)及性能優(yōu)化[D]. 胡智超.哈爾濱工業(yè)大學(xué) 2013



本文編號(hào)：2957256