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

金宗安， 張志剛， 葉　飛

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

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

金宗安， 張志剛， 葉飛

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

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

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

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

1開發(fā)技術

1.1JSP技術

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

1.2JDBC技術

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

1.3AJAX技術

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

2需求分析

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

圖1　JSP工作原理

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

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

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

4系統(tǒng)測試

4.1登陸注冊模塊測試

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

4.2上傳下載模塊測試

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

4.3交流模塊測試

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

5結(jié)語

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

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

圖4　登陸界面

圖5　上傳下載界面

圖6　用戶發(fā)言

參考文獻：

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

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

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

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

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

責任編輯：趙秋宇

中圖分類號：TP311

文獻標識碼：A

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

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

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

收稿日期：2014-03-12