金宗安， 張志剛， 葉　飛

(安徽六安職業(yè)技術(shù)學(xué)院 信息工程系，安徽 六安 237158)

基于JSP技術(shù)交互式動態(tài)教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)

金宗安， 張志剛， 葉飛

(安徽六安職業(yè)技術(shù)學(xué)院 信息工程系，安徽 六安 237158)

摘要：提出解決傳統(tǒng)授課方式問題的交互式動態(tài)教學(xué)網(wǎng)站的設(shè)計及開發(fā)思路.針對交互式動態(tài)教學(xué)網(wǎng)站的實際情況，進行需求分析以及可行性分析.最后根據(jù)前面的分析，設(shè)計并開發(fā)交互式動態(tài)教學(xué)網(wǎng)站.該系統(tǒng)采用B/S結(jié)構(gòu)并用自定義MVC框架進行開發(fā)，使用基于Java開發(fā)的、具有平臺擴展性好的JSP技術(shù).本系統(tǒng)具有便于維護、易擴展等特點.

關(guān)鍵詞：JSP程序設(shè)計；交互式頁面；oracle數(shù)據(jù)庫

在JSP學(xué)習(xí)上，由于JSP技術(shù)發(fā)展比較迅速，各種技術(shù)更新頻繁，而傳統(tǒng)的課堂式教學(xué)采用的都是書本授課，往往學(xué)習(xí)的都是幾年前的過時技術(shù)，遠遠跟不上當(dāng)前最新技術(shù)的腳步.本系統(tǒng)根據(jù)教學(xué)網(wǎng)站特點，設(shè)置上傳下載課程資源模塊，解決了傳統(tǒng)模式對最新技術(shù)無法接觸到的弊端；同時交流模塊、論壇討論模塊等，彌補傳統(tǒng)教學(xué)方式的不足，增強了用戶之間的交流與溝通，能夠為學(xué)生快速掌握網(wǎng)絡(luò)課程提供了方便.

1開發(fā)技術(shù)

1.1JSP技術(shù)

JSP(Java Server Pages)是在傳統(tǒng)的網(wǎng)頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，從而形成JSP文件(*.jsp).JSP頁面由HTML代碼和嵌入其中的Java代碼所組成.服務(wù)器在頁面被客戶端請求以后對這些Java代碼進行處理，然后將生成的HTML頁面返回給客戶端的瀏覽器.在教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)過程中，先將寫好的HTML靜態(tài)頁面改寫成包含了JSTL標(biāo)簽與EL表達式的JSP頁面，通過Servlet 實現(xiàn)邏輯處理后，將從數(shù)據(jù)庫獲取的數(shù)據(jù)封裝成對象寫入JSP的內(nèi)置對象session或者request中，然后在JSP頁面中通過JSTL標(biāo)簽與EL表達式動態(tài)獲取數(shù)據(jù)，從而達到了動態(tài)頁面的效果[1].其工作原理如圖1所示.

1.2JDBC技術(shù)

JDBC(Java Data Base Connectivity,java數(shù)據(jù)庫連接)是一種用于執(zhí)行SQL語句的Java API，可以為多種關(guān)系數(shù)據(jù)庫提供統(tǒng)一訪問，它由一組用Java語言編寫的類和接口組成[2].在教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)過程中，JDBC主要運用在業(yè)務(wù)邏輯的數(shù)據(jù)處理類中.JDBC連接數(shù)據(jù)庫方法getConnection、釋放連接等資源的方法free被統(tǒng)一封裝在了工具類DBConnection.java中，極大地方便了業(yè)務(wù)邏輯處理對數(shù)據(jù)庫地操作.

1.3AJAX技術(shù)

AJAX技術(shù)的一個最大的特點是無需刷新頁面便可從服務(wù)器讀寫數(shù)據(jù)(又稱無刷新更新頁面)，并利用javascript處理請求結(jié)果.應(yīng)用程序只同服務(wù)器進行數(shù)據(jù)層面的交換，而不用每次都刷新界面，也不用每次將數(shù)據(jù)處理的工作提交給服務(wù)器來做，這樣做既減輕了服務(wù)器的負擔(dān)又加快了響應(yīng)的速度.在教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)過程中，AJAX起到即時刷新的作用.整個網(wǎng)站里，AJAX技術(shù)主要處理網(wǎng)站后臺公告的發(fā)布、鏈接的發(fā)布以及前臺帖子的發(fā)表與回帖的提交[3].

2需求分析

教學(xué)網(wǎng)站根據(jù)不同的使用者，可以分為兩個部分：一是面向用戶部分，用戶可以分為教師用戶與學(xué)生用戶.所有用戶可以查看公告、點擊學(xué)習(xí)文章鏈接查看學(xué)習(xí)資料、資源文件下載(需要登錄)、資源文件上傳(需要登錄)、貼吧中發(fā)帖(需要登錄)、貼吧中回帖(需要登錄)、交流中心發(fā)言.教師可以發(fā)布作業(yè)和審批作業(yè)、學(xué)生完成并提交作業(yè)；二是交互式動態(tài)教學(xué)網(wǎng)站的后臺管理，該部分為面向管理員部分.整個網(wǎng)站前臺的系統(tǒng)流程圖如圖2所示.

圖1　JSP工作原理

圖2　網(wǎng)站前臺業(yè)務(wù)系統(tǒng)流程

3詳細設(shè)計與實現(xiàn)

根據(jù)交互式動態(tài)教學(xué)網(wǎng)站的特點，可以將其分為前臺和后臺兩個部分設(shè)計[4，5].前臺主要實現(xiàn)用戶登錄注冊、公告瀏覽、學(xué)習(xí)文章瀏覽、上傳下載學(xué)習(xí)資源、論壇瀏覽發(fā)帖以及回帖、學(xué)習(xí)交流、教師發(fā)布作業(yè)與審批作業(yè)、學(xué)生完成作業(yè)并提交等功能.后臺主要用管理員對網(wǎng)站前臺信息、教學(xué)資源、用戶信息、作業(yè)信息等進行管理.我把該網(wǎng)站整體設(shè)計為以下模塊，分別是登陸注冊模塊、公告模塊、文章鏈接模塊、上傳下載模塊、貼吧模塊、交流模塊、作業(yè)模塊以及后臺管理模塊.整個交互式動態(tài)教學(xué)網(wǎng)站的模塊結(jié)構(gòu)如圖3所示.

4系統(tǒng)測試

4.1登陸注冊模塊測試

登陸注冊模塊測試任務(wù)主要是測試網(wǎng)站是否能夠正常登陸以及注冊.測試過程：在登陸頁面的用戶名與密碼框中分別輸入正確的用戶名與密碼(如圖4所示)，選擇登陸用戶類型，點擊登陸檢查頁面時否會跳轉(zhuǎn)至交互式動態(tài)教學(xué)網(wǎng)站前臺，然后在在前臺的登陸狀態(tài)欄中查看登陸狀態(tài)，如果顯示“歡迎登陸！xxx”(如圖4所示)則說明用戶已經(jīng)登陸成功.注冊則是在登陸界面選擇注冊，跳轉(zhuǎn)至注冊頁面，輸入注冊信息，提交后用新注冊的用戶名密碼登陸，如果登陸成功，則說明注冊成功.經(jīng)過反復(fù)登陸注冊測試，確認網(wǎng)站的登陸注冊功能正常.

4.2上傳下載模塊測試

上傳下載模塊測試主要測試是否能進行上傳與下載，進入“上傳下載”頁面查看文件列表是否正常顯示(如圖5所示)，然后點擊下載按鈕下載文件.經(jīng)測試，上傳下載功能無異常.

4.3交流模塊測試

交流模塊采用不同用戶以及未登錄用戶進行發(fā)言，檢查是否能夠正常發(fā)言以及用戶名的表示是否符合設(shè)計要求，然后切換用戶賬戶登錄后，再次發(fā)言檢查發(fā)言是否正常顯示圖6為不同用戶發(fā)言.

5結(jié)語

交互式動態(tài)教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)采用B/S結(jié)構(gòu)搭建，整個項目的結(jié)構(gòu)為自定義的MVC框架，主要采用的技術(shù)包括JSP技術(shù)、Servlet技術(shù)、Ajax技術(shù)、JDBC技術(shù)等.

圖3　交互式動態(tài)網(wǎng)站整體結(jié)構(gòu)

圖4　登陸界面

圖5　上傳下載界面

圖6　用戶發(fā)言

參考文獻：

[1]來學(xué)偉.基于 JSP 的學(xué)生選課管理系統(tǒng)設(shè)計[J].銅陵職業(yè)技術(shù)學(xué)院學(xué)報，2009，23(2):11-13.

[2]高天哲.基于JSP考試管理系統(tǒng)的設(shè)計與實現(xiàn) [J].電子測試，2014，14(13):12-14.

[3]周紅，任斌.基于JSP+JavaBean技術(shù)網(wǎng)絡(luò)教學(xué)平臺的設(shè)計與實現(xiàn)[J].科技信息，2010，5(36):224-225.

[4]吳劍，朱志宇，張冰.交互式動態(tài)教學(xué)網(wǎng)站的設(shè)計與實現(xiàn)[J].計算機與數(shù)字工程，2006，34(5):41-42.

[5]蔚治國,金立蕓.多媒體教學(xué)網(wǎng)站的設(shè)計和實現(xiàn)[J].甘肅科技，2011，27(2):75-76.

Design and Implementation of Dynamic Interactive Teaching Website

Based on JSP Technology

JIN Zong-an, ZHANG Zhi-gang, YE Fei

(DepartmentofInformationEngineering,Lu'anVocationTechnicalCollege,Lu’an237158,China)

Abstract:The paper introduces the problems of the traditional classroom teaching methods. By analyzing the causes of the problems, the paper proposes to design and develop dynamic interactive teaching website to resolve the problems of the traditional ways of teaching. According to the actual use of dynamic interactive teaching website, the demand and feasibility analysis are carried out. Then, A system of dynamic interactive teaching website is designed and developed. The system uses the B/S structure, MVC framework and JSP technology which have good scalability. After testing, the system is easy to maintain and expand.

Key words:JSP program design; interactive page; oracle database

責(zé)任編輯：趙秋宇

中圖分類號：TP311

文獻標(biāo)識碼：A

文章編號：1671-9824(2015)02-0084-03

作者簡介：金宗安(1983—)，男，安徽六安人，講師，碩士，研究方向：不確定數(shù)據(jù)處理，軟件技術(shù).

基金項目：安徽省質(zhì)量工程省級重點項目(20101355)；安徽省優(yōu)秀青年人才基金重點項目(2013SQRL143ZD)；安徽省省級特色專業(yè)(計算機應(yīng)用技術(shù)專業(yè))

收稿日期：2014-03-12