基于JSP的在線教育網站設計與實現

韋　靈　劉　璐

摘 要 在信息高度發達的IT時代，在線學習也已經成為更多人獲取新知識的方式，“互聯網+”引發的在線教育產品已經逐漸成為熱門。在線教育產品針對不同的用戶群體設計不同的功能。本文不僅介紹了JSP的發展歷程，也對JSP等軟件技術進行了詳細的解剖。針對在線教育系統進行分析，從前端到后臺對主要功能進行詳細的設計與研究，對相關軟件框架進行介紹。為在線教育產品的設計及軟件開發提出合理的建議，從而使用戶得到了有效的體驗。

關鍵詞 教育 JSP 慕課

中圖分類號：TP311.5 文獻標識碼：A

1 JSP技術的發展

近十年來，Internet有著陽光的發展前景；隨著Web應用的不斷發展，在線購物、在線辦公、在線視頻、企業系統管理等都已經成為我們生活中的一部分了。無論人們身處何地都可以進行信息共享、電子商務交易、在線辦公等，這些都促進了Web應用的發展。Web應用是一種軟件應用程序，它通過前后端多種語言編寫。用戶只需一個客戶端瀏覽器便可訪問多種Web應用。此應用的發展速度相當之快，在最初階段，Web僅僅是一個用來展示固定的頁面信息的靜態網頁。需要通過更改HTML代碼來變更其中的內容。在這種情況下，不能夠實現與用戶進行交互以及內容的實時更新。所以靜態網站的這種局限性必然不會被大眾型企業所采納。然而為了順應現今大多企業的需求，動態網站的應用也悄然而生。

Sun公司在20世紀90年代末發布了Servlet的Web服務器，并創建了相應的編碼標準，直到現在絕大多數的服務器仍遵循這種編碼標準，Servlet有很好的移植性且執行的效率也很高。Sun公司花費大量的精力編寫完整的類庫去處理HTTP協議的請求。但Servlet也有不足之處，首先，Servlet在界面設計的開發比較困難，實現此功能需要嵌入大量的HTML，并且每次細微的改動都需要重新編譯，對于網站的設計與維護十分不利，因此JSP（Java Server Pages）技術也就應運而生。

JSP是基于Java語言的服務器腳本語言，是一種實現HTML代碼和Java代碼的混合編碼技術。JSP將業務處理模塊和頁面顯示模塊進行分離，能夠同時運行多個操作系統，方便設計人員或開發部門人員的操作，JSP中嵌套的是Java語言，Java語言在所有語言中的優勢占很大比例，而它所具有的優勢也都表現在了JSP上。

本系統采用B/S結構，在B/S結構下客戶端不需要開發、安裝其他客服端軟件，只需安裝一款瀏覽器，所有的業務實現全部交由服務器。后期維護和升級是B/S結構中一個最為突出的優點之一。用戶通過客戶端瀏覽器發送請求給服務器端，當服務器端接受到請求過后，對用戶發送過來的數據進行業務處理，并且大多數伴隨著對數據庫的存取。當過程結束時，服務器將會把處理后的結果在網頁上進行顯示，使客戶獲得信息。

2在線教育系統總體設計

2.1概述

在線教育系統改變了傳統的授課方式，使學習者充分利用碎片化時間，不受地點和時間的限制，隨時隨地學習想學習的課程，并對課程的學習進行合理的安排。巨大的教學資源庫，讓學習者有更加廣泛的選擇。其教學方式通過視頻或文字及聲音為學者們的學習帶來了更強的趣味性。

2.2軟件開發環境

操作系統：Windows 10、數據庫平臺：MySQL、應用平臺：tomcat、開發平臺JDK1.6；eclipse、客戶端軟件：谷歌瀏覽器，火狐瀏覽器等。

2.3系統業務層次

2.4模塊簡介

2.4.1學生用戶模塊

學生用戶模塊是本系統的核心，它的主要功能有注冊登錄，自主學習，論壇討論、查看課程、教師一對一、個人信息的管理。

學習者可以通過網站注冊自己的賬號，填寫想關的基礎信息。在首頁位置查看自己感興趣的課程，同時可以在課程下方查看學過課程的同學對教師教學質量的評分。同時也可以參與討論發帖。在學習過程中可以對一門課程反復學習，對于重難點內容，通過反復學習不斷思考來幫助和理解知識。此外，還可以適當添加其他功能，比如直播錄播、在線課堂練習、在線考試。

2.4.2教師用戶模塊

線上教學更為教師們搭起了市場招新的平臺，通過制作優質的教育產品，吸引大量的學生。

教師注冊并通過認證后，便可上傳錄制的課程資源，課程通過審核后即可展現給學生。教師可通過查看學生對老師課程的評分了解課程質量，繼而不斷對教學資源進行整改，積累良好口碑。線下之余教師可回復學生對課程的評論也可對學生進行管理、查看學生的學習進度、對學生進行一對一教學等。

2.4.3資源管理模塊

資源管理模塊在本系統的模塊中也占領很重要的一部分。對教師身份注冊的審核，對教師上傳教學資源的審核，嚴把教學質量關卡。同時有對教師學生賬戶的管理包括信息修改、密碼重置等。也可以查看學生對教師的評價，若系統出現異常該模塊可以進行簡單的自動處理。

2.5 JSP系統架構簡介

系統采用MVC（模型-視圖-控制）設計思想，JSP主要生成動態的網頁，只需負責頁面的展示；Servlet主要用于流程的控制，用來處理GET、POST等各種請求；JavaBean是模型層，它的主要功能是系統對數據庫的處理和業務上的處理。用戶可以通過客戶端瀏覽器向Web應用中的Servlet發送各類請求，Servlet接受到請求后便可以實例化JavaBean對象，并調用相應的方法。JavaBean模型層的代碼可以與數據庫進行交互，把讀取的數據返回。Servlet將會選擇合適的JSP，并且將數據在前臺頁面上進行展示。基于MVC的思維模式開發大型的軟件系統雖然增加了開發的復雜度，但是可以讓更多人參與到項目中，各司其職互不干涉。JSP中的Java代碼通過使用Servlet得到了分離，使得JSP文件可讀性得到了提高，結構也變得相對簡單。

此開發的模式有一定的優點，但需要開發人員有完整的開發思路，遵循相關開發規范。軟件產品的后期維護將是一個巨大的工程，J2EE的分層框架，對一層的修改并不會影響到其他層的功能。從一開始，客戶的需求并不是固定，隨著產品不斷地發展，功能也將進行不斷的升級，因此采用優秀的軟件框架技術將會很大程度上的解決這些難題。在此基礎上我們將引入SSH（Struts、Spring、Hibernate）架構技術，這是一種較為復雜但層次卻非常清晰的一種開發模式。這三種框架技術對開發的效率有很大的提升，同時對于MVC的設計思想也得到了一定的體現。它具有良好的拓展性和可維護性，即使新的開發者接觸代碼也能很輕易的上手。非常方便的開發出新的需求，大大的降低了開發的成本。隨著技術不斷地更新，在開發大型Web應用時，選擇優秀的軟件框架技術將變得尤為重要。當下流行框架很多，如SpringMVC、Mybatis、微服務等，對大型Web系統的開發都有著舉足輕重的作用。未來教育形式在不斷地發展，在線教育系統也可能會有新的功能不斷上線，所以采用SSH等優秀的軟件框架技術。大大減少了開發的難度，對部分功能的實現提供了幫助，更加方便后期的維護。

3對在線教育系統的設計提出建議

目前，做在線教育，一定要立足于教育，應該把教書育人作為首要目標。教育形式的不斷變化和傳統的教科書式教育有一定的碰撞。而這些碰撞帶來的問題需要我們不斷地去解決。（1）保障教學效果，提供優質服務；（2）增加信任感；（3）提升學習體驗。

在實現碎片化學習之前，應該要把內容設計成碎片化，效仿新聞類產品，通過把知識內容切碎，讓每一段視頻講一個知識點，讓每一次測試題復習一個知識點，然后反復的鞏固學習的最小單元，從而達到學以致用的效果。同時在產品的設計上可以采用多端互動的方式比如PC端、移動端。PC端是主要的學習端，移動端是PC端的輔助，解決碎片化學習的痛點。

在產品的設計中提出四個方面的建議：

（1）教學：在線教育系統目前缺乏因材施教。在教學方式中教師通過錄播課程的方式只是其中一種，每份教材或者教案對每個學生的影響也都不同。所以在產品的設計中可以添加師生一對一的方式，單獨輔導。

（2）互動：通過論壇、微信群是提高學生學習興趣和增強信心非常重要的途徑。師生之間有了互動一定會學起來會很快，學生之間有了互動學起來就會很好玩，在學習的過程中，如果可以相互激勵，不失是一種前進的動力。

（3）練習：學生在學習過程中最重要的步驟便是練習，為了鞏固知識或達到一定的高度，多次有效的練習尤為重要，這種練習會讓學生更加充滿自信，同時也會激發學生的獨立思考的能力，讓其達到更好的學習效果。

（4）答疑：答疑絕對是在線教育過程中必不可少的一個過程，它可以及時的為學生解答疑惑，能讓學習者保持學習的動力。在答疑的過程中也加強了師生之間的溝通，讓老師有更適合的方式教授學生，讓學生也適應老師的授課方式。

當你真正為學生著想，讓學生們真切通過你的平臺獲得性價比高的教育，那么口碑和信任感自然而然的被表達出來。但是合理的服務加上極致的體驗，在在線教育這個行業本身就是一個非常困難的話題，但是作為服務行業，在優秀教師稀缺的大環境下，通過正向刺激讓老師發揮潛力，讓學生學到知識，讓平臺得到口碑及傳播，就基本達到互聯網教育的制高點了。在線教育系統以自學為主，教學為輔，好的教育產品必定會產生好的學習效果。無論技術、工具如何加載，只要教育從業者有好的服務和質量，也必定會使學習者終身受益。

基金項目：廣西科技大學鹿山學院2018年大學生創新創業訓練計劃項目“基于JSP的在線教育平臺開發”（項目編號：201813639046）。

作者簡介：韋靈（1979.08-），男，漢族，碩士，講師，廣西科技大學鹿山學院電氣與計算機工程系，研究方向：機器學習；劉璐（1998.02-），男，土家族，大學本科，學生，廣西科技大學鹿山學院電氣與計算機工程系，研究方向：軟件系統研發、網頁設計。

參考文獻

[1] 王金龍，張靜.基于JSP+Mysql的高校慕課（MOOC）教學系統設計[J].通訊世界，2017（20）：276-277.

[2] 解繼麗.“互聯網+”引領教育改革新趨勢[J].楚雄師范學院學報，2015，30（02）：85-88+108.