基于JSP技術交互式動態教學網站的設計與實現

金宗安， 張志剛， 葉　飛

(安徽六安職業技術學院 信息工程系，安徽 六安 237158)

基于JSP技術交互式動態教學網站的設計與實現

金宗安， 張志剛， 葉飛

(安徽六安職業技術學院 信息工程系，安徽 六安 237158)

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

關鍵詞：JSP程序設計；交互式頁面；oracle數據庫

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

1開發技術

1.1JSP技術

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

1.2JDBC技術

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

1.3AJAX技術

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

2需求分析

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

圖1　JSP工作原理

圖2　網站前臺業務系統流程

3詳細設計與實現

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

4系統測試

4.1登陸注冊模塊測試

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

4.2上傳下載模塊測試

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

4.3交流模塊測試

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

5結語

交互式動態教學網站的設計與實現采用B/S結構搭建，整個項目的結構為自定義的MVC框架，主要采用的技術包括JSP技術、Servlet技術、Ajax技術、JDBC技術等.

圖3　交互式動態網站整體結構

圖4　登陸界面

圖5　上傳下載界面

圖6　用戶發言

參考文獻：

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

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

[3]周紅，任斌.基于JSP+JavaBean技術網絡教學平臺的設計與實現[J].科技信息，2010，5(36):224-225.

[4]吳劍，朱志宇，張冰.交互式動態教學網站的設計與實現[J].計算機與數字工程，2006，34(5):41-42.

[5]蔚治國,金立蕓.多媒體教學網站的設計和實現[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

責任編輯：趙秋宇

中圖分類號：TP311

文獻標識碼：A

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

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

基金項目：安徽省質量工程省級重點項目(20101355)；安徽省優秀青年人才基金重點項目(2013SQRL143ZD)；安徽省省級特色專業(計算機應用技術專業)

收稿日期：2014-03-12