SpringBoot+Vue 前后端分離在線學習平台-在線教育平台
本項目是完整的前后端分離,在線學習系統。

創新點:
-
①基於阿里雲短信平台完成手機號變更【短信驗證碼】
②基於支付寶沙箱支付完成在線購買課程【在線支付】
③基於apach-echarts完成圖表統計分析【可視化】
④基於第三方websocket通訊插件完成在線客服功能【即時聊天】
⑤api端+后台web管理系統+前端頁面【saas架構】
⑥純正前后端分離,比較罕見(非所謂的jsp+vue.js形式做前端+springboot后端的‘偽’前后端分離)
⑦JavaMail郵件通知【購買課程成功推送郵件提醒】
⑧基於時間完成最新課程推薦【推薦功能】
用戶學習平台共分為九大模塊,包括
課程預告、在線課程觀看、學習資料下載、學習文章預覽、線下班報名、用戶消息通知、個人信息管理、 VIP詳情介紹、客服和簽到系統等模塊;

后台管理系統共分為七大模塊,包括
人事管理、課程管理、學習資料管理、錦囊管理、營銷管理、訂單管理、系統審核等模塊;

平台的實現目標
本文設計的在線學習系統平台,彌補了傳統教學的缺陷,並突破了時間、空間的限制。通過該在線學習平台,學生可以結合自身實際狀況及興趣選擇相應的課程學習,並及時了解自己的學習能力。使用在線學習線上平台,提高學生對學習的主動性和自主能力,打破對時間和地點的限制,使學習的環境更加自由化。使學生能夠獲得更加個性化、高針對性的學習;通過對學生的訪問信息和學習結果,從中發現學生的學習興趣、習慣、不足等,有助於教師實現更加人性化教學,從而做到創新的學習模式,使教師的工作效率更高;加快網絡教育資源的開發和共享平台建設,利用互聯網技術實現課程、教學資源數字化,提高教學質量,促進社會受教育公平讓更多的人以更低的成本獲得教育的機會,符合國家倡導全民學習、終身學習的號召,為打造“學習型社會”貢獻一份力量。
通過使用在線學習線上平台,可以促進網絡資源的有效利用,進而實現教學過程中的數字化建設,對學生、教師、社會等都有着深遠的意義。使網絡輔助教學達到情景式教學,能夠合作式學習、研究性學習,能夠有針對性地為學生提供個性化的輔導和教育。
本組設計的在線學習系統不僅滿足傳統平台的性能穩定、功能完善要求,並且充分利用了雲服務器技術。用戶可以得到更加全面具體的服務,依托雲雲服務器技術,還能接觸到更加豐富的學習資源,使在線學習更加生動、高效。
2.1.1平台的實現目標
本文設計的在線學習系統平台,彌補了傳統教學的缺陷,並突破了時間、空間的限制。通過該在線學習平台,學生可以結合自身實際狀況及興趣選擇相應的課程學習,並及時了解自己的學習能力。使用在線學習線上平台,提高學生對學習的主動性和自主能力,打破對時間和地點的限制,使學習的環境更加自由化。使學生能夠獲得更加個性化、高針對性的學習;通過對學生的訪問信息和學習結果,從中發現學生的學習興趣、習慣、不足等,有助於教師實現更加人性化教學,從而做到創新的學習模式,使教師的工作效率更高;加快網絡教育資源的開發和共享平台建設,利用互聯網技術實現課程、教學資源數字化,提高教學質量,促進社會受教育公平讓更多的人以更低的成本獲得教育的機會,符合國家倡導全民學習、終身學習的號召,為打造“學習型社會”貢獻一份力量。
通過使用在線學習線上平台,可以促進網絡資源的有效利用,進而實現教學過程中的數字化建設,對學生、教師、社會等都有着深遠的意義。使網絡輔助教學達到情景式教學,能夠合作式學習、研究性學習,能夠有針對性地為學生提供個性化的輔導和教育
3.1.2平台的功能需求
本企業在線學習系統的構建將結合各方用戶的需求進行功能模塊設計,力求提供全面、完善的服務。功能需求分為前端學習系統、后端管理系統,具體內容如下:
(1)學生功能需求分析
登入后,學生可以進入學習界面,行使各項操作。包括以下幾點:
在線學習:可以結合自身實際狀況及興趣選擇相應的課程學習,並查看網上學習資源,及時進行知識點的預習和復習;
資料下載:結合自身需要及課程進度需要,學生可以自行查找並下載官方提供的相應的學習資源,主要為官方提供的學習筆記、學習資料等。
個人信息:學生可在系統上修改自己的個人數據。
瀏覽網頁:系統網站會發布重要的系統消息通知,學生可以自行查看。
推薦的功能,根據學生的學習興趣,獲取系統推薦的課程列表或文章列表,可以幫助學生得到有趣的相似課程。
(2)管理員功能需求分析
管理員可在系統頁面上修改其他用戶信息,管理用戶的各類權限,發布線上學習課程和線下培訓課程,添加資料。
(3)公共信息模塊設計
主要由課程公告、系統通知、新聞模塊及網站概況構成。其中,課程公告會向用戶發布新上線課程預告。新聞模塊發布每日時事新聞、學術熱點等內容。網站概況則用於網站動態和網站服務等信息的介紹。各類用戶的操作權限存在一定差異。學生用戶只能查看信息,管理員能進行信息的維護操作。
視頻展示:
源碼展示:
文檔展示:
項目效果圖:
前台:
后台:



















