杜勝雪 王金巖 陳書(shū)君 王彬麗

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

0引言

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

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

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

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

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

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

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

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

2.1注冊(cè)登錄模塊

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

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

2.2課程詳情模塊

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

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

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

2.3教師管理模塊

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

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

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

2.4訂單管理模塊

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

3結(jié)論

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

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