王莉

【摘 要】本文基于B/S模式和web技術(shù)設(shè)計了一個《軟件體系結(jié)構(gòu)》課程網(wǎng)站。該網(wǎng)站采用MySql數(shù)據(jù)庫以及JSP動態(tài)頁面設(shè)計實現(xiàn)信息的交互，利用Java和html5等語言開發(fā)設(shè)計。經(jīng)測試，本課程網(wǎng)站交互性好，具有較高的穩(wěn)定性和安全性。

【關(guān)鍵詞】軟件體系結(jié)構(gòu)；課程網(wǎng)站；MySql數(shù)據(jù)庫；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é)資源的利用率也越來越高。如今很多大學(xué)和教育機構(gòu)都已經(jīng)陸續(xù)建立了課程網(wǎng)站，通過互聯(lián)網(wǎng)絡(luò)實現(xiàn)宣傳、教學(xué)及教育資源的共享。《軟件體系結(jié)構(gòu)》課程網(wǎng)站能提供教學(xué)互動的全新方式，設(shè)置在線答疑模塊，使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間有了全新的交流方式，脫離了傳統(tǒng)課堂的制約，給老師和學(xué)生帶來極大的方便。《軟件體系結(jié)構(gòu)》課程網(wǎng)站能夠提供個性化的學(xué)習(xí)平臺與鏈接，方便學(xué)生更快速的找到自己所需要的資料，允許不同的學(xué)生沿著自己的途徑，按自己的速度接受教育與學(xué)習(xí)。

本文中，《軟件體系結(jié)構(gòu)》課程網(wǎng)站的開發(fā)采用基于struts2的框架并且結(jié)合MVC模式來完成。MVC的設(shè)計模式為：

Model模型層：也稱業(yè)務(wù)邏輯，是真正完成任務(wù)的代碼模塊，主要根據(jù)Action發(fā)過來的操作命令調(diào)用相應(yīng)業(yè)務(wù)邏輯代碼完成此次響應(yīng)，相當(dāng)于JavaBean。

View視圖層：也被稱為表示層。表示層是展示給用戶看得到的界面。表示層主要由JS+CSS+HTML來完成，即一個完整的JSP頁面。用戶可以通過JSP頁面發(fā)送請求，經(jīng)過過濾器到達(dá)Action控制器，調(diào)用模型層后最終返回請求到JSP頁面。

Control控制層：在這個模塊中，控制模型層和視圖層的交互過程，在struts2中使用Action來作為控制器，控制JSP頁面請求和Java代碼實現(xiàn)之間的交互，相當(dāng)于servlet。

Struts2的MVC結(jié)構(gòu)圖的具體交互如圖1所示。

2 網(wǎng)站總體框架設(shè)計

《軟件體系結(jié)構(gòu)》課程網(wǎng)站主要由基本界面、交互界面和后臺界面實現(xiàn)，如圖2所示。其中基本界面主要包括課程網(wǎng)站基本信息顯示；交互界面主要包括在線答疑、模擬考試、提交作業(yè)等模塊；后臺界面主要包括學(xué)生信息管理、試題管理、教師權(quán)限管理、留言信息管理等模塊，如圖3所示。

3 數(shù)據(jù)庫設(shè)計

本系統(tǒng)采用了MySql數(shù)據(jù)庫管理系統(tǒng)，該數(shù)據(jù)庫管理系統(tǒng)的特點是開源、多用戶支持、性能高效穩(wěn)定。本文創(chuàng)建的數(shù)據(jù)庫表主要有包含了學(xué)生信息表、教師信息表、選擇題表、判斷題表和評論表，其架構(gòu)如表1所示。

以學(xué)生信息表和評論表為例，其表結(jié)構(gòu)如表2和表3所示。

4 部分功能模塊的設(shè)計

4.1 前臺主界面的設(shè)計

前臺主界面是《軟件體系結(jié)構(gòu)》課程網(wǎng)站的核心組成部分，是所有子界面的入口，主界面是用來完成各個界面之間的切換。通過點擊導(dǎo)航欄的相關(guān)文字鏈接來進入不同的界面。用Java語言來編寫程序，通過Jsp與超鏈接來完成各個界面的切換。鼠標(biāo)的點擊作為信號，導(dǎo)航欄設(shè)置的頁面錨點是用來接收信號并做出反應(yīng)，實現(xiàn)界面的切換。以下為前臺主頁面的基本頁面頭部定義的部分代碼，圖4為主界面的運行圖。

• 網(wǎng)站首頁
• 課程介紹
• 教學(xué)內(nèi)容
• 教學(xué)課件
• 教材參考
• 實驗指導(dǎo)書

• href="#">資料下載

  • 學(xué)習(xí)工具
  • 往年試卷

• href="#">互動空間

• 在線答疑
• 模擬考試
• 作業(yè)發(fā)布與提交

4.2 后臺主頁面的設(shè)計

后臺主頁面的部分代碼如下：