《軟件體系結(jié)構(gòu)》課程網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)
2017-09-04 12:31王莉
科技視界 2017年9期
王莉
【摘 要】本文基于B/S模式和web技術(shù)設(shè)計(jì)了一個(gè)《軟件體系結(jié)構(gòu)》課程網(wǎng)站。該網(wǎng)站采用MySql數(shù)據(jù)庫(kù)以及JSP動(dòng)態(tài)頁(yè)面設(shè)計(jì)實(shí)現(xiàn)信息的交互，利用Java和html5等語(yǔ)言開(kāi)發(fā)設(shè)計(jì)。經(jīng)測(cè)試，本課程網(wǎng)站交互性好，具有較高的穩(wěn)定性和安全性。
【關(guān)鍵詞】軟件體系結(jié)構(gòu)；課程網(wǎng)站；MySql數(shù)據(jù)庫(kù)；JSP
【Abstract】In this paper，a “software architecture” course website is designed based on B/S mode and web technology.In the design，MySql database and JSP dynamic page technology are used to realize the interaction of information，Java and HTML5 language are used to develop.After testing，the course website has good interactivity and high stability and security.
【Key words】Software architecture；Course website；MySql database；JSP
0 引言
隨著網(wǎng)絡(luò)教學(xué)的興起，網(wǎng)絡(luò)教學(xué)資源的利用率也越來(lái)越高。如今很多大學(xué)和教育機(jī)構(gòu)都已經(jīng)陸續(xù)建立了課程網(wǎng)站，通過(guò)互聯(lián)網(wǎng)絡(luò)實(shí)現(xiàn)宣傳、教學(xué)及教育資源的共享?！盾浖w系結(jié)構(gòu)》課程網(wǎng)站能提供教學(xué)互動(dòng)的全新方式，設(shè)置在線答疑模塊，使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間有了全新的交流方式，脫離了傳統(tǒng)課堂的制約，給老師和學(xué)生帶來(lái)極大的方便?！盾浖w系結(jié)構(gòu)》課程網(wǎng)站能夠提供個(gè)性化的學(xué)習(xí)平臺(tái)與鏈接，方便學(xué)生更快速的找到自己所需要的資料，允許不同的學(xué)生沿著自己的途徑，按自己的速度接受教育與學(xué)習(xí)。
本文中，《軟件體系結(jié)構(gòu)》課程網(wǎng)站的開(kāi)發(fā)采用基于struts2的框架并且結(jié)合MVC模式來(lái)完成。MVC的設(shè)計(jì)模式為：
Model模型層：也稱(chēng)業(yè)務(wù)邏輯，是真正完成任務(wù)的代碼模塊，主要根據(jù)Action發(fā)過(guò)來(lái)的操作命令調(diào)用相應(yīng)業(yè)務(wù)邏輯代碼完成此次響應(yīng)，相當(dāng)于JavaBean。
View視圖層：也被稱(chēng)為表示層。表示層是展示給用戶(hù)看得到的界面。表示層主要由JS+CSS+HTML來(lái)完成，即一個(gè)完整的JSP頁(yè)面。用戶(hù)可以通過(guò)JSP頁(yè)面發(fā)送請(qǐng)求，經(jīng)過(guò)過(guò)濾器到達(dá)Action控制器，調(diào)用模型層后最終返回請(qǐng)求到JSP頁(yè)面。
Control控制層：在這個(gè)模塊中，控制模型層和視圖層的交互過(guò)程，在struts2中使用Action來(lái)作為控制器，控制JSP頁(yè)面請(qǐng)求和Java代碼實(shí)現(xiàn)之間的交互，相當(dāng)于servlet。
Struts2的MVC結(jié)構(gòu)圖的具體交互如圖1所示。
2 網(wǎng)站總體框架設(shè)計(jì)
《軟件體系結(jié)構(gòu)》課程網(wǎng)站主要由基本界面、交互界面和后臺(tái)界面實(shí)現(xiàn)，如圖2所示。其中基本界面主要包括課程網(wǎng)站基本信息顯示；交互界面主要包括在線答疑、模擬考試、提交作業(yè)等模塊；后臺(tái)界面主要包括學(xué)生信息管理、試題管理、教師權(quán)限管理、留言信息管理等模塊，如圖3所示。
3 數(shù)據(jù)庫(kù)設(shè)計(jì)
本系統(tǒng)采用了MySql數(shù)據(jù)庫(kù)管理系統(tǒng)，該數(shù)據(jù)庫(kù)管理系統(tǒng)的特點(diǎn)是開(kāi)源、多用戶(hù)支持、性能高效穩(wěn)定。本文創(chuàng)建的數(shù)據(jù)庫(kù)表主要有包含了學(xué)生信息表、教師信息表、選擇題表、判斷題表和評(píng)論表，其架構(gòu)如表1所示。
以學(xué)生信息表和評(píng)論表為例，其表結(jié)構(gòu)如表2和表3所示。
4 部分功能模塊的設(shè)計(jì)
4.1 前臺(tái)主界面的設(shè)計(jì)
前臺(tái)主界面是《軟件體系結(jié)構(gòu)》課程網(wǎng)站的核心組成部分，是所有子界面的入口，主界面是用來(lái)完成各個(gè)界面之間的切換。通過(guò)點(diǎn)擊導(dǎo)航欄的相關(guān)文字鏈接來(lái)進(jìn)入不同的界面。用Java語(yǔ)言來(lái)編寫(xiě)程序，通過(guò)Jsp與超鏈接來(lái)完成各個(gè)界面的切換。鼠標(biāo)的點(diǎn)擊作為信號(hào)，導(dǎo)航欄設(shè)置的頁(yè)面錨點(diǎn)是用來(lái)接收信號(hào)并做出反應(yīng)，實(shí)現(xiàn)界面的切換。以下為前臺(tái)主頁(yè)面的基本頁(yè)面頭部定義的部分代碼，圖4為主界面的運(yùn)行圖。
4.2 后臺(tái)主頁(yè)面的設(shè)計(jì)
后臺(tái)主頁(yè)面的部分代碼如下：
課程網(wǎng)站后臺(tái)管理中心