支持前后端分離的JavaScript開(kāi)發(fā)框架的研究及在內(nèi)容管理系統(tǒng)中的應(yīng)用.pdf

1、隨著web應(yīng)用開(kāi)發(fā)模式的發(fā)展演變，前后端之間的耦合度逐漸降低，分工逐漸清晰，但各自的職責(zé)依然不夠明朗。隨著不同終端的興起，用戶(hù)不再滿(mǎn)足于傳統(tǒng)的瀏覽器端的體驗(yàn)，這就需要開(kāi)發(fā)者針對(duì)不同終端開(kāi)發(fā)出不同的版本。而優(yōu)秀的web應(yīng)用開(kāi)發(fā)模式應(yīng)該是后端負(fù)責(zé)業(yè)務(wù)邏輯，前端負(fù)責(zé)展現(xiàn)和交互邏輯，使得同一份后端代碼搭配不同的前端展示，以符合用戶(hù)的需求。
　　與此同時(shí)Node.js發(fā)展迅速，很多前后端分離的嘗試都是將Node.js作為中間層負(fù)責(zé)數(shù)據(jù)的處理

2、和模板的控制，將這些部分從傳統(tǒng)的后端中解放出來(lái)，但這依然只是一種折中的方案。Node.js擁有眾多流行的開(kāi)發(fā)框架，目前框架中的側(cè)重點(diǎn)各不相同，卻大多會(huì)在后端對(duì)前端模板進(jìn)行控制，前后端耦合度依然很高。
　　基于以上背景，論文以Node.js為基礎(chǔ)構(gòu)建了一套支持前后端分離、功能豐富的web開(kāi)發(fā)框架，框架的研究重點(diǎn)集中在前后端分離和功能多樣性?xún)煞矫?，框架前端通過(guò)路由和控制器負(fù)責(zé)數(shù)據(jù)的處理和模板的顯示，框架后端則通過(guò)路由規(guī)則以及其他功能模

3、塊來(lái)對(duì)請(qǐng)求進(jìn)行轉(zhuǎn)發(fā)和處理，降低前后端的耦合度，使后端變得可擴(kuò)展和可復(fù)用。同時(shí)又要重視框架的實(shí)用性，框架前端需要解決初始化頁(yè)面中文件加載可能導(dǎo)致的延遲問(wèn)題，以及增加部分常用的插件，而后端需要將許多常見(jiàn)的通用功能封裝為各自獨(dú)立的模塊，以方便多處被調(diào)用，簡(jiǎn)化代碼的同時(shí)又可以提高開(kāi)發(fā)的效率，考慮到程序可能部署到不同機(jī)器上的情況，還要解決session存儲(chǔ)帶來(lái)的問(wèn)題。論文的主要工作是設(shè)計(jì)并實(shí)現(xiàn)支持前后端分離的框架的前后端，使得框架作為具有豐富功能

4、的基礎(chǔ)開(kāi)發(fā)框架可在應(yīng)用開(kāi)發(fā)中被調(diào)用，同時(shí)開(kāi)發(fā)內(nèi)容管理系統(tǒng)作為驗(yàn)證框架可用性的驗(yàn)證系統(tǒng)。具體工作如下:
　　1.框架前端
　　在AngularJS框架的基礎(chǔ)上優(yōu)化了框架性能并增加實(shí)現(xiàn)了常用的前端插件以豐富框架前端功能。增加并實(shí)現(xiàn)了文件按需加載功能，通過(guò)動(dòng)態(tài)加載的方式解決框架前端原本存在的加載導(dǎo)致顯示延遲問(wèn)題;新增了通用的分頁(yè)模塊，實(shí)現(xiàn)了頁(yè)面定制顯示、通用頁(yè)面文件以便調(diào)用以及具體的翻頁(yè)初始化、翻頁(yè)動(dòng)作觸發(fā)事件、請(qǐng)求獲取數(shù)據(jù)等功能

5、，使得分頁(yè)模塊可被多次調(diào)用;實(shí)現(xiàn)了樹(shù)形插件、頁(yè)面編輯器等常用插件，為前端開(kāi)發(fā)提供便利和豐富的功能基礎(chǔ)。
　　2.框架后端
　　同樣在Express框架的基礎(chǔ)上優(yōu)化了框架架構(gòu)并增加并實(shí)現(xiàn)了各種常用的業(yè)務(wù)模塊以方便被多次調(diào)用。新增并實(shí)現(xiàn)了數(shù)據(jù)庫(kù)操作模塊作為數(shù)據(jù)庫(kù)接口;開(kāi)發(fā)并封裝了分頁(yè)和郵件發(fā)送等通用功能模塊;通過(guò)redis緩存數(shù)據(jù)庫(kù)解決多臺(tái)機(jī)器環(huán)境的session存取問(wèn)題并開(kāi)發(fā)session存儲(chǔ)模塊，同時(shí)封裝了session存取

6、操作;實(shí)現(xiàn)了登錄驗(yàn)證模塊以實(shí)現(xiàn)登錄驗(yàn)證和注冊(cè)驗(yàn)證功能。這些都使得后端變得可擴(kuò)展，放棄了后端對(duì)于模板的控制，使得前端模板的改變不會(huì)影響到后端的業(yè)務(wù)邏輯處理。
　　3.應(yīng)用驗(yàn)證系統(tǒng)—內(nèi)容管理系統(tǒng)
　　為了對(duì)開(kāi)發(fā)框架的實(shí)用性進(jìn)行驗(yàn)證，同時(shí)還以框架為基礎(chǔ)開(kāi)發(fā)實(shí)現(xiàn)了內(nèi)容管理系統(tǒng)，通過(guò)實(shí)現(xiàn)系統(tǒng)的權(quán)限管理、文章編輯等功能來(lái)驗(yàn)證框架前端各插件的可用性，系統(tǒng)數(shù)據(jù)存儲(chǔ)、登錄驗(yàn)證、信息顯示等的實(shí)現(xiàn)則驗(yàn)證了框架后端功能的可用性。同時(shí)在后端基本不變的