基于SpringBoot在線教育網(wǎng)站設(shè)計

杜勝雪 王金巖 陳書君 王彬麗

關(guān)鍵詞：在線教育；網(wǎng)站開發(fā)；SpringBoot

0引言

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，傳統(tǒng)教育方式在師資力量和地域等方面的局限性，可以通過互聯(lián)網(wǎng)+的方式得到一定程度的彌補(bǔ)。尤其是在新型冠狀病毒流行期間，線上教育已經(jīng)普及到千家萬戶[1-2]，從小學(xué)到大學(xué)都有所涉及。在線教育平臺的優(yōu)勢在于其跨時空的特性，不受時間、空間和地點(diǎn)限制。隨著互聯(lián)網(wǎng)的不斷發(fā)展，各種“互聯(lián)網(wǎng)+”模式必然會成為新的發(fā)展浪潮，而“互聯(lián)網(wǎng)+教育”無疑是其中極具潛力的一環(huán)?；ヂ?lián)網(wǎng)提供的數(shù)據(jù)和信息資源可以精確了解學(xué)生的學(xué)習(xí)需求，從而實(shí)現(xiàn)個性化學(xué)習(xí)。同時，在線教育的出現(xiàn)也打破了傳統(tǒng)教育組織的服務(wù)邊界，推動教育模式向著更靈活、更穩(wěn)定、更易擴(kuò)展的方向發(fā)展。

也必須正視不同區(qū)域內(nèi)教育水平存在差異的問題。傳統(tǒng)教育模式下，地域差異導(dǎo)致這個問題很難得到解決，但現(xiàn)在依托在線教育平臺，學(xué)生可以隨時隨地、完全自主地學(xué)習(xí)到名師的課程，領(lǐng)略名師的風(fēng)采。此外，通過互聯(lián)網(wǎng)的遠(yuǎn)程鏈接屬性，還可以實(shí)現(xiàn)遠(yuǎn)程答疑甚至一對一的解答模式[3]，這在某些情況下可能會增強(qiáng)學(xué)習(xí)信心，提高學(xué)習(xí)效率。

盡管在線教育的普及是成功的，但同時也需要正視當(dāng)前存在的問題。在線教育的迅速增長也帶來了在線教育平臺數(shù)量的不足，以及平臺質(zhì)量良莠不齊的問題。因此，對現(xiàn)有的在線教育平臺進(jìn)行總結(jié)分析，并在21世紀(jì)教育理念的指導(dǎo)下，將計算機(jī)技術(shù)融入傳統(tǒng)教育模式，致力于構(gòu)建一個基于SpringBoot的在線教育網(wǎng)絡(luò)平臺[4]。在線教育的發(fā)展將互聯(lián)網(wǎng)與教育跨界融合，通過信息技術(shù)改變教育行業(yè)的教學(xué)、管理和評價方式，從而提高教育業(yè)務(wù)的效率，完善教育的實(shí)施環(huán)境，優(yōu)化教育流程和模式。

本文設(shè)計了一個基于B/S架構(gòu)[5]的在線教育網(wǎng)站系統(tǒng)，該系統(tǒng)采用了前后端分離的模式，并選擇了微服務(wù)架構(gòu)來應(yīng)對高并發(fā)的壓力。后端采用了Spring?Boot作為開發(fā)框架，并通過SpringCloud[6]完成了分布式部署等功能；前端則采用了Vue框架，致力于實(shí)現(xiàn)簡單易用的UI界面設(shè)計，使用戶能夠輕松上手；數(shù)據(jù)存儲方面選擇了MySQL，并通過阿里云OSS[7]進(jìn)行云端存儲。

1在線教育網(wǎng)站概要設(shè)計

本文設(shè)計的在線教育網(wǎng)站主要包括以下7個功能模塊：講師管理模塊、課程管理模塊、統(tǒng)計分析模塊、訂單模塊、課程詳情模塊、登錄注冊模塊和支付模塊，如圖1所示。在模塊劃分上，遵循了現(xiàn)代軟件開發(fā)原則，保證了高內(nèi)聚低耦合的特點(diǎn)，并針對在線教育的特點(diǎn)進(jìn)行了適當(dāng)調(diào)整，提高了課程模塊的重要性比例，以確保在線教育視頻的質(zhì)量。

2在線教育網(wǎng)站詳細(xì)設(shè)計

本小節(jié)對在線教育網(wǎng)站進(jìn)行了詳細(xì)設(shè)計。以下以注冊登錄模塊、課程詳情模塊、教師管理和訂單管理模塊為例進(jìn)行具體說明。

2.1注冊登錄模塊

登錄注冊模塊是項目最基礎(chǔ)的模塊之一。缺乏健全完善的登錄注冊模塊將導(dǎo)致用戶無法進(jìn)一步深入使用系統(tǒng)。因此，首先需要對登錄注冊模塊進(jìn)行設(shè)計。需要清楚地認(rèn)識到，由于項目采用了前后端分離的技術(shù)，因此在登錄注冊過程中，不再僅限于前端或后端的判斷，而是需要前后端協(xié)調(diào)工作，以正確執(zhí)行用戶登錄注冊流程。

如圖2所示：首先，在前端對輸入的數(shù)據(jù)進(jìn)行校驗，排除不符合格式要求的數(shù)據(jù)，以減輕后端的壓力。接著，在前端數(shù)據(jù)確認(rèn)無誤后，以JSON格式將數(shù)據(jù)傳輸至后端，在后端查詢數(shù)據(jù)庫進(jìn)行驗證，確保下一步操作是返回數(shù)據(jù)還是執(zhí)行登錄或注冊功能。只有在數(shù)據(jù)格式符合要求且不發(fā)生沖突的情況下，用戶才能進(jìn)行登錄注冊操作。

2.2課程詳情模塊

課程模塊需要對當(dāng)前熱門課程進(jìn)行分類和排序，為講師安排課程表，并能統(tǒng)計當(dāng)前課程下所有的評價情況和打分。這些是課程模塊設(shè)計的基礎(chǔ)。課程模塊作為用戶互動最頻繁的模塊，其交互性和邏輯性必須足夠人性化。

如圖3所示：用戶進(jìn)入課程詳情模塊后，將了解到課程的學(xué)習(xí)要求、付費(fèi)情況、價格、時長以及授課老師等信息。同時，在課程詳情頁面，需要設(shè)置三個按鈕供用戶選擇，包括課程收藏、購買和觀看。作為核心模塊，課程模塊關(guān)系著用戶在線視頻播放是否流暢。只有在視頻播放足夠流暢的前提下，用戶才能獲得良好的體驗。

當(dāng)系統(tǒng)需要更新課程并上傳新課程時，管理員將需要編輯課程信息，以便用戶瀏覽學(xué)習(xí)。為了方便管理員輸入，課程詳情頁將采用富文本輸入方式，支持Markdown語法輸入。管理員編輯完課程信息后，可以對課程進(jìn)行發(fā)布。

2.3教師管理模塊

需要詳細(xì)了解教師模塊的功能，并根據(jù)需求對教師模塊進(jìn)行詳細(xì)設(shè)計與實(shí)現(xiàn)。如圖4所示：對于教師，需要實(shí)現(xiàn)教師信息的查詢、修改、刪除和添加功能。這一切需要后端對數(shù)據(jù)進(jìn)行查詢，并將數(shù)據(jù)庫中的數(shù)據(jù)封裝成便于讀取操作的對象，同時前端需要對數(shù)據(jù)進(jìn)行展示。

用戶可以在教師列表中搜索教師信息，從而找到自己需要的教師信息。教師模塊主要由Service層、Controller層和Mapper層構(gòu)成，通過這些層級的協(xié)同合作，實(shí)現(xiàn)對數(shù)據(jù)庫內(nèi)容的讀取、對數(shù)據(jù)邏輯的操作以及對網(wǎng)站路徑的映射。對教師信息的查詢需要通過教師id的唯一性進(jìn)行操作，以查詢出所需信息。在這一部分，需要通過QueryWrapper進(jìn)行條件封裝操作。

如圖5所示：教師信息需要實(shí)時更新，管理員可以對教師信息進(jìn)行添加和修改。在這一過程中，用戶輸入的數(shù)據(jù)將以Json的形式傳輸至后端，在數(shù)據(jù)庫中進(jìn)行存儲。

2.4訂單管理模塊

作為一個長期運(yùn)行的項目，可以做到部分課程免費(fèi)，但不可能全部免費(fèi)。因此，訂單管理模塊的支持是必不可少的。在這個頁面中，安全和穩(wěn)定性是首要考慮的因素，特別是在處理訂單金額時，安全性至關(guān)重要，任何疏忽都可能導(dǎo)致雙方損失。如圖6所示，在訂單管理模塊中，客戶在選擇課程并進(jìn)入課程詳情界面時，應(yīng)選擇“立即購買”選項。只有在用戶確認(rèn)購買后，系統(tǒng)才會生成課程訂單，并跳轉(zhuǎn)至訂單界面，讓用戶通過微信或支付寶掃碼付款。

3結(jié)論

本文將傳統(tǒng)教育與計算機(jī)技術(shù)整合，并結(jié)合云端技術(shù)，構(gòu)建了一個在線教育網(wǎng)站。該系統(tǒng)采用了前后端分離的方式，前端主要使用了Node.js、Vue.js和Ele?ment-UI，后端則采用了SpringBoot、SpringCloud和My?Batis-Plus架構(gòu)，并在數(shù)據(jù)庫方面使用了MySQL和Re?dis系統(tǒng)，以確保系統(tǒng)數(shù)據(jù)的穩(wěn)定和安全。根據(jù)用戶需求，系統(tǒng)功能被劃分為前端部分包括首頁、課程、教師、文章等內(nèi)容，后端則包括教師管理、課程管理、權(quán)限管理以及課程統(tǒng)計分析功能，這兩者協(xié)同合作，構(gòu)成了整個在線教育網(wǎng)站系統(tǒng)。

盡管系統(tǒng)在滿足基本預(yù)期要求的基礎(chǔ)上還存在一些不足，仍需要進(jìn)一步優(yōu)化。具體表現(xiàn)為：網(wǎng)站在用戶可能喜歡的課程推薦方面仍有改進(jìn)空間。在用戶基礎(chǔ)足夠時，可以通過深入挖掘數(shù)據(jù)并改善課程推薦算法來提升網(wǎng)站的用戶體驗。另外，在用戶信息交流模塊方面也有改進(jìn)空間。后續(xù)可繼續(xù)拓展網(wǎng)站功能，例如添加用戶私聊功能、用戶問答功能等，以提高用戶之間的互動體驗。