SpringBoot的在線視頻教育平臺

一、技術路線：

開發語言：Java

使用框架：spring boot

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV1v14y1C7zf?t=0.7

三、運行截圖：

3.1用戶功能模塊

用戶點擊進入到系統操作界面，可以對首頁、個人中心、課程信息管理、我的收藏管理、訂單管理等功能模塊，個人信息：通過列表可以獲取賬號、密碼、姓名、性別、手機、郵箱、照片、備注并進行修改操作，如圖3-1所示。

圖3-1個人信息界面圖

課程信息管理：通過列表可以獲取課程編號、課程名稱、課程類型、關鍵字、課時、課程詳情、封面、教師工號、教師姓名、價格、審核回復、審核狀態等信息進行詳情或查看評論操作，如圖3-2所示。

圖3-2課程信息管理界面圖

我的收藏管理：通過列表可以獲取收藏名稱、收藏圖片等信息，進行詳情、修改及刪除操作，如圖3-3所示。

圖3-3我的收藏管理界面圖

訂單管理：通過列表可以獲取訂單管理；訂單編號、商品名稱、商品圖片、購買數量、價格/積分、折扣價格、總價格/總積分、折扣總價格、支付類型、狀態、地址等信息，進行詳情、修改、刪除等操作，如圖3-4所示。

圖3-4訂單管理界面圖

3.2管理員功能模塊

管理員通過用戶名和密碼、角色填寫完成后進行登錄，如圖3-5所示。管理員登錄成功后進入到系統操作界面，可以對首頁、個人中心、用戶管理、教師管理、課程信息管理、課程類型管理、我的收藏管理、系統管理、訂單管理等功能模塊進行相對應操作。

用戶管理：通過列表可以獲賬號、密碼、姓名、性別、手機、郵箱、照片、備注等內容，可以進行詳情、修改或刪除操作，如圖3-6所示。

圖3-5管理員登錄界面圖

圖3-6用戶管理界面圖

教師管理：通過列表可以獲取教師工號、密碼、教師姓名、性別、照片、職稱、聯系電話、教師郵箱等信息，進行詳情、刪除或修改操作，如圖3-7所示。

圖3-7教師管理界面圖

課程信息管理：通過列表可以獲取課程編號、課程名稱、課程類型、關鍵字、課時、課程詳情、封面、教師工號、教師姓名、價格、審核回復、審核狀態等信息，進行詳情、查看評論、修改或刪除操作，如圖3-8所示。

圖3-8課程信息管理界面圖

課程類型管理：通過列表可以獲取課程類型等信息，進行修改或刪除操作，如圖3-9所示。

圖3-9課程類型管理界面圖

我的收藏管理：管理員通過列表可以獲取收藏名稱、收藏圖片等信息，進行詳情、修改或刪除等操作，如圖3-10所示。

圖3-10我的收藏管理界面圖

輪播圖；該頁面為輪播圖管理界面。管理員可以在此頁面進行首頁輪播圖的管理，通過新建操作可在輪播圖中加入新的圖片，還可以對以上傳的圖片進行修改操作，以及圖片的刪除操作，如圖3-11所示。

圖3-11輪播圖管理界面圖

訂單管理管理：管理員通過列表可以獲取訂單管理；訂單編號、商品名稱、商品圖片、購買數量、價格/積分、折扣價格、總價格/總積分、折扣總價格、支付類型、狀態、地址等信息，進行修改或刪除操作，如圖3-12所示。

圖3-12訂單管理管理界面圖

3.3教師功能模塊

教師點擊進入到系統操作界面，可以對首頁、個人中心、課程信息管理、我的收藏管理等功能模塊，課程信息管理頁面通過列表可以獲取課程編號、課程名稱、課程類型、關鍵字、課時、課程詳情、封面、教師工號、教師姓名、價格、審核回復、審核狀態并進行詳情、修改、查看評論或刪除等操作，如圖3-13所示。

圖3-13課程信息管理界面圖

我的收藏管理：通過列表可以獲取刪除名稱、收藏圖片等信息，進行詳情、修改、刪除操作，如圖3-14所示。

圖3-14我的收藏管理界面圖

3.4前臺首頁功能模塊

在前臺首頁，在首頁可以查看首頁、課程信息、個人中心、后臺管理、購物車等內容，如圖3-15所示。

圖3-15前臺首頁功能界面圖

用戶登錄，在登錄頁面通過填寫賬號、密碼、角色等信息完成登錄，如圖3-16所示。

圖3-16用戶登錄界面圖

在課程信息頁面通過填寫課程編號、課程名稱、課程類型、關鍵字、課時、課程詳情、教師工號、教師姓名、點擊次數等信息進行添加到購物車、立即購買或點我收藏等操作，如圖3-17所示。在購物車頁面通過填寫購買商品、價格、數量、總價等信息進行點擊購買或刪除等操作，如圖3-18所示。

圖3-17課程信息界面圖

圖3-18購物車界面圖