MVC架構下的教培信息發(fā)布系統(tǒng)的設計與實現

劉旺

摘要：伴隨著互聯(lián)網技術大發(fā)展的浪潮，人們可以便捷地從網絡上獲取想要的信息。正是在這樣的大背景下，門戶平臺已經成為當下各類企業(yè)、機構等發(fā)布信息的重要方式。該文所介紹的系統(tǒng)使用MVC設計模式將視圖、模型和控制進行分離。為系統(tǒng)使用者構造了一個簡單易用，界面美觀的信息發(fā)布平臺。系統(tǒng)主要實現了用戶注冊、登錄、課程管理、教師管理、學生案例管理和在線咨詢等功能。

關鍵詞：MVC分層設計;SSM框架;B/S模式

中圖分類號：TP393? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）23-0111-03

開放科學（資源服務）標識碼（OSID）：

1 背景

科學技術地快速發(fā)展顛覆了我們獲取信息的方式，多年前大街小巷隨處可見售賣報紙、雜志、期刊的崗亭現在早已經消失得無影無蹤，這些傳統(tǒng)的信息傳播媒介被互聯(lián)網的普及所取代，而各種不同類型的WE程序也得以運用到如政府、企業(yè)、高校等各類實體機構的宣傳和日常事務的管理中去。本系統(tǒng)設計開發(fā)的Web應用程序主要面向教育培訓機構，為他們提供一個輕便化、易管理的信息交流發(fā)布平臺。

2 相關技術

2.1 MVC分層設計

MVC分層模式既Model View Controller的首字母縮寫，分別為模型、視圖和控制。利用MVC分層方式構建B/S模式的系統(tǒng)時，這三個組件各自扮演不同的角色，又能緊密協(xié)同完成任務。視圖層可以簡單理解為頁面，它是系統(tǒng)與用戶交互的窗口;模型層主要具體負責系統(tǒng)業(yè)務流程的處理，是整個系統(tǒng)的核心部分;控制層顧名思義既負責具體業(yè)務流向的控制;分層的思想將會使得業(yè)務處理更為明確、細化，維護也變得更加方便。如圖1所示。

2.2 SSM開發(fā)框架簡介

SSM框架是Spring，Spring MVC和MyBatis的縮寫，也是繼SSH之后，當前最為主流J2EE企業(yè)級框架。其中，Spring通過AOP和Ioc可以很好地實現層級解耦合業(yè)務對象管理;Spring MVC利用分發(fā)器DispacherServlet將所有資源和請求進行分發(fā)處理，相當于整個系統(tǒng)的“控制室”;持久層框架技術Mybatis對數據庫的操作也會變得更加方便，安全。通過SSM框架的搭建的系統(tǒng)只需要改動相對應配置就可以對項目進行管理，這也很大程度上為工程的開發(fā)帶來了諸多便利。

3 系統(tǒng)分析與設計

通過現實需求的分析與歸納，本信息發(fā)布系統(tǒng)的整體結構。如圖2所示。

3.1 系統(tǒng)功能分析

通過評析，將系統(tǒng)功能做如下劃分：

1）管理員注冊與登錄：作為系統(tǒng)后臺的實際操作者，想要使用系統(tǒng)必須通過注冊成為管理員。非管理員可以通過注冊，填寫相關信息成為管理員進而操作系統(tǒng)。

2）課程發(fā)布與管理：登錄成功后，管理員可以通過課程管理模塊對課程進行添加、刪除和修改，這其中包含課程的分類信息、課堂模式、班制等內容的操作。

3）師資管理：管理員登錄后，可以添加、刪除以及修改師資的相關信息，具體內容有圖片、文字說明，從教經歷等。

4）學生案例管理：添加學生照片、綁定緊急聯(lián)系人、綁定相關課程等。

5）在線咨詢：方便前臺用戶在網頁中直接與管理員或客服交流。

6）多頁瀏覽：當數據無法在當前頁面全部顯示時，就要讓信息分頁展示。用戶也可以選擇跳轉到指定的某個頁碼。

7）留言簿：前端用戶開通過留言簿向管理員提出信息，這些信息是長時間保存的，管理員可通過留言列表進行翻看和回復。

8）基礎信息瀏覽：前端用戶在管理員發(fā)布信息之后，可以對信息進行瀏覽。

3.2 數據庫設計

4 實現過程

4.1 注冊/登錄界面

進入主界面后用戶可以輸入密碼進行登錄，非注冊用戶可以選擇點擊下方的按鈕注冊，然后登錄系統(tǒng)使用相應的功能。如圖3所示。

4.2 課程信息發(fā)布界面

通過點擊界面左側邊欄的課程分類下拉框，會彈出相應的課程大類（主干課程，輔修課程，人文素養(yǎng)與愛好），通過點擊不同的課程大類對課程進行添加、修改等操作。如圖5所示。

所添加課程與課程大類相關聯(lián)的部分代碼如下方所示：

var c_type = '${pd.c_type }';

var c_type_name = '';

if（ c_type == 1 ）{

c_type_name = '主干課程';

}else if（ c_type == 2 ）{

c_type_name = '輔修課程';

}else if（ c_type == 3 ）{

c_type_name = '人文素養(yǎng)與愛好';

}else{

……

}

對點擊頁面時所產生的課程大類參數進行判斷，從而確定課程大類ID，進而將課程相關數據信息和該課程課程大類ID一同寫入數據表中進行保存。

4.3 師資管理界面

師資管理功能與其他功能類似，通過點擊對應按鈕可對基礎信息進行添加和修改等基本操作。如圖6所示。

4.4 學生案例管理界面

學生案例主要對往期特色學員的學習感言和學習方法等內容進行管理，當后端用戶對信息發(fā)布后，前端用戶方可瀏覽該信息。如圖7所示。

4.6 留言列表

前臺用戶可以在前端頁面直接點擊留言按鈕，彈出框彈出后可將留言信息進行錄入并提交。如圖8所示。

同樣的，后端管理員可在“留言列表”中對留言信息進行查看。如圖9所示。

當數據過多時，可以選擇分頁瀏覽數據.實現的部分代碼如下：

……

function pagination（currentPage，totalPage）{

// 分頁處理

if（totalPage == 1）{

$（'#pagination'）.hide（）;

}else{

$（'#pagination'）.show（）;

$（'#currentPage'）.html（currentPage）;

$（'#totalPage'）.html（totalPage）; //獲取總頁數

}

}

……

//分頁請求數據

function paginationRequest（）{

params.pageNum = $（'#currentPage'）.html（）; //當前頁數據

getMappingData（displayUrl，params）;

……

}

其它諸如課程管理模塊、師資力量發(fā)布等模塊的分頁實現方式與此類似。

5 系統(tǒng)測試

本測試運用數據驅動測試。該測試也被稱為黑盒測試，其主要目的是測試系統(tǒng)的既定功能是否滿足要求。用這一種方法設計測試用例時完全無須考慮系統(tǒng)的內部構造，而僅僅是參照系統(tǒng)任務規(guī)格說明書，模擬用戶實際使用過程，構造數據對功能模塊進行測試。本次選擇了具有代表性的師資管理模塊進行測試，測試了包括空輸入處理、異常輸入驗證、頁面跳轉、數據庫存儲和查詢、表單展示、頁面的彈出框提示等。以下是對師資管理功能模塊的測試用例以及結果。

通過一系列測試表明，系統(tǒng)符合項目預期的要求。在項目開發(fā)初期存儲于數據庫內的測試數據而導致的一些問題，在完全清除表中非業(yè)務產生的數據后也得到解決，并且同樣通過測試且驗證。

6 結束語

本文以SSM框架為基本架構，實現了教培信息發(fā)布系統(tǒng)的開發(fā)，用戶可以通過在瀏覽器URL內輸入對應的地址進而查看信息。后端用戶在驗證登錄后可對信息進行發(fā)布。系統(tǒng)的開發(fā)過程和業(yè)務處理方法有一定參考價值。但在開發(fā)過程中因考慮不足而帶來的代碼耦合，還需要在下一階段的工作中解耦和優(yōu)化，這將是下一步任務的重點。

參考文獻：

[1] 張秀坤. MVC設計模式在Web開發(fā)中的應用研究[J]. 長春工程學院學報： 自然科學版， 2005， 6（3）： 66-68.

[2] 胡靜. 淺析黑盒測試與白盒測試[J]. 衡水學院學報， 2008， 10（1）： 30-32.

[3] Nicholas C， Zakas. JavaScript 高級程序設計[M]. 北京： 人民郵電出版社， 2012.

[4] 王建國. 數據庫設計在網站開發(fā)中的應用[J]. 山東農業(yè)工程學院學報， 2017， 34（4）： 158-159.

【通聯(lián)編輯：謝媛媛】