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

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

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

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

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

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

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