隨著互聯(lián)網(wǎng)的快速發(fā)展,企業(yè)對外宣傳推廣的空間得到了極大的擴充。本課題在中小型企業(yè)的宣傳展示系統(tǒng)的設計與實現(xiàn)上進行了研究,本課題的主要目的是設計實現(xiàn)一個適用于北京友皆樂通信技術有限公司的宣傳展示系統(tǒng),以解決該公司日常對外信息發(fā)布、產(chǎn)品推廣展示方面的需求,力求達到系統(tǒng)性能良好、功能方便易用、安全可靠的效果,于此同時發(fā)揮軟件工程的思想對軟件項目開發(fā)實踐起到的良好指導性作用。本文設計并實現(xiàn)了一個基于B/S結(jié)構(gòu)的適用于北京友皆樂通信技術有限公司的企業(yè)宣傳展示系統(tǒng),主要使用了JavaWeb、AngularJS、MongoDB等技術。本文首先進行系統(tǒng)需求分析,提出友皆樂企業(yè)宣傳展示系統(tǒng)所支持的主要業(yè)務:企業(yè)資訊對外展示、企業(yè)資訊內(nèi)容管理、內(nèi)容模型管理、用戶賬戶與社交功能、第三方軟件接口功能等,并進行細化分解,整理數(shù)據(jù)流圖。然后設計系統(tǒng)的體系結(jié)構(gòu):采用B/S結(jié)構(gòu)和MVC相結(jié)合的模式,將系統(tǒng)劃分為用戶接口層、核心業(yè)務層和數(shù)據(jù)持久層三層體系結(jié)構(gòu);并將系統(tǒng)劃分為前端主頁模塊、后端管理模塊、附件存儲模塊、API模塊等4個子系統(tǒng),而各個子系統(tǒng)均由前端邏輯層、路由層、動作層、業(yè)務層組成。然后設計模塊之間的接口,整理ER圖并詳細設計基于MongoDB這一非關系型數(shù)據(jù)庫的文檔存儲結(jié)構(gòu)。接著,對系統(tǒng)各子模塊分析設計詳細功能,設計界面布局、類、和程序時序。接著,介紹系統(tǒng)的實現(xiàn),給出關鍵的程序流程圖和關鍵代碼,并展示系統(tǒng)運行效果的截圖。隨后,介紹本系統(tǒng)的部署,并設計測試用例,進行測試,對測試結(jié)果進行分析。最后,對本文進行總結(jié),提出進一步的改進方向。
【學位單位】：哈爾濱工業(yè)大學
【學位級別】：碩士
【學位年份】：2018
【中圖分類】：TP311.52
【部分圖文】：

圖 4-2 主頁、游戲產(chǎn)品信息詳情頁截圖圖 4-3 資訊文章列表頁、家長監(jiān)護頁面截圖4.2 后臺管理模塊功能實現(xiàn)本模塊基于詳細設計展開各個子模塊的實現(xiàn)，主要工作分為前端實現(xiàn)和后端實現(xiàn)。前端方面工作是基于 AngularJS + UI-Router 編寫各種狀態(tài)，后端工作是編寫控制臺的入口、實現(xiàn)動態(tài)內(nèi)容表單項模板生成功能�？刂婆_的搭建

- 66 -圖 4-3 資訊文章列表頁、家長監(jiān)護頁面截圖4.2 后臺管理模塊功能實現(xiàn)本模塊基于詳細設計展開各個子模塊的實現(xiàn)，主要工作分為前端實現(xiàn)和后端實現(xiàn)。前端方面工作是基于 AngularJS + UI-Router 編寫各種狀態(tài)，后端工作是編寫控制臺的入口、實現(xiàn)動態(tài)內(nèi)容表單項模板生成功能。控制臺的搭建后端路由規(guī)則代碼如下：

結(jié)束報錯：未支持該類型圖 4-6 輸出表單項子流程端生成出表單 html 后，在前端由 AngularJS 進行解析，得到文M），通過數(shù)據(jù)雙向綁定機制，前端邏輯通過$scope 訪問用戶輸內(nèi)容數(shù)據(jù)。以上就完成了內(nèi)容表單生成的全部工作。前端除了使用了 input、textarea 等基本的 html 元素，還用了一gularJS 指令，如 imgModel、itemArray、checklistModel 等。端的 imgModel 指令用于上傳圖片文件。使用該指令會在頁面預覽區(qū)、上傳按鈕、URL 地址、標題文本框、描述文本框，其中題文本框、描述文本框與$scope 中的數(shù)據(jù)雙向綁定。點擊左下”圖標來選擇文件進行上傳，或者將文件拖拽到該按鈕上也可指令使用開源的 ng-file-upload 模塊的 Upload 服務來調(diào)用 API 接口來上傳文件，文件上傳進度會顯示在“文件上傳”按鈕背傳成功后，文件 URL、縮略圖會在相應位置顯示出來，效果見

【參考文獻】

相關期刊論文 前10條

1 劉貴欣;李心宇;王欣然;;基于Joomla的信息系統(tǒng)設計與實現(xiàn)[J];信息系統(tǒng)工程;2015年07期

2 華文立;;基于Java三層架構(gòu)的電子商務系統(tǒng)設計與實現(xiàn)[J];蚌埠學院學報;2015年02期

3 申斌;李利民;;基于MVC模式S2SH框架的庫存管理系統(tǒng)[J];實驗室研究與探索;2014年11期

4 任廣震;侯進;王獻;;MVC模式在B/S結(jié)構(gòu)政務系統(tǒng)的應用研究[J];計算機應用與軟件;2014年08期

5 姜帆;;織夢CMS的文檔結(jié)構(gòu)分析[J];電腦編程技巧與維護;2014年08期

6 楊建梁;;淺談互聯(lián)網(wǎng)內(nèi)容管理系統(tǒng)的選擇與使用[J];中國科技信息;2013年14期

7 薛峰;梁鋒;徐書勛;王彪任;;基于Spring MVC框架的Web研究與應用[J];合肥工業(yè)大學學報(自然科學版);2012年03期

8 戴一平;;基于WordPress的CMS分析與設計[J];計算機與現(xiàn)代化;2011年04期

9 田娟;徐釗;;基于J2EE的MVC設計模式的分析與思考[J];計算機與現(xiàn)代化;2010年10期

10 金興;王霓虹;;IoC原理淺析[J];中國集體經(jīng)濟;2009年06期

相關碩士學位論文 前10條

1 路雯雯;支持前后端分離的JavaScript開發(fā)框架的研究及在內(nèi)容管理系統(tǒng)中的應用[D];山東大學;2017年

2 朱培源;一種新型的Web應用程序框架的設計與實現(xiàn)[D];電子科技大學;2017年

3 張靜;基于NodeJS的自適應瀏覽器高性能Web應用平臺研究[D];杭州電子科技大學;2017年

4 章波;基于DNN框架的電子稅務搜索技術的設計與實現(xiàn)[D];湖北大學;2016年

5 賈叢叢;基于MVVM的Web前端響應式框架的研究與集成[D];云南大學;2016年

6 趙文碩;關系型與非關系型數(shù)據(jù)庫的應用研究[D];華北電力大學(北京);2016年

7 嚴成;支持可定制的企業(yè)門戶內(nèi)容管理系統(tǒng)的設計與應用[D];北京郵電大學;2015年

8 梁亞南;門戶網(wǎng)站內(nèi)容管理系統(tǒng)的設計與實現(xiàn)[D];南京大學;2013年

9 朱瑜;Zend平臺下鐵路行政許可授權(quán)電子政務信息系統(tǒng)的設計與實現(xiàn)[D];西南交通大學;2012年

10 熊曉飛;基于Web的內(nèi)容管理系統(tǒng)的設計和實現(xiàn)[D];北京交通大學;2010年

本文編號：2818748