Spring Boot + Vue 在線課程系統 前后端分離

Spring Cloud + Vue 前后端分離 開發在線視頻課程系統

系統定位： 技術前言，前后端分離，適合入門實戰。課設，畢設源碼。

技術介紹：Spring Cloud+Vue前后端分離架構，還會掌握到視頻文件的處理，包括文件上傳、斷點續傳、文件存儲、視頻點播、視頻加密等核心技術

　　SpringCloud；

　　SpringBoot；

　　Vue4.1

　　MySql5.7以上

　　Maven3.6

　　Redis

　　JDK8

 效果圖：

 

 

 

 

 

 

 

 

數據庫設計：

 

 

 

前端源碼：

 

 

 

 

 

 

 

 

后端，多模塊構建：

 

 

 

 

 

 

 

 

 

使用說明：

• admin
  控台管理，vue cli項目
• business
  核心業務模塊，spring boot項目
• doc
  項目相關的文檔，包含項目數據庫初始化腳本
• eureka
  注冊中心，spring boot項目
• file
  文件模塊，spring boot項目
• gateway
  路由模塊，spring boot項目
• generator
  代碼生成器
• server
  公共jar模塊，被business, file, system依賴
• system
  系統模塊，spring boot項目
• web
  網站模塊，vue cli項目

項目初始化

• 需要本地安裝好idea, nodejs，jdk1.8, mysql5.7, navicat（數據庫可視化工具）
• 將下載好的源碼，用idea打開
• 刷新maven依賴
• 安裝vue cli，參照課程4-1

npm install -g @vue/cli

• 下載node模塊

初始化web模塊
cd web
npm install

初始化admin模塊
cd admin
npm install

• 新建數據庫courseimooc，並courseimooc，密碼courseimooc，參照課程3-1
• 數據庫初始腳本在/doc/db/all.sql

項目啟動

• 啟動注冊中心：EurekaApplication
• 啟動路由模塊：GatewayApplication
• 啟動系統模塊：SystemApplication
• 啟動業務模塊：BusinessApplication
• 啟動文件模塊：FileApplication
• 啟動控台管理：admin\package.json
• 啟動前端網站：web\package.json

頁面訪問

• 控台地址: http://localhost:8080/login
  初始用戶名密碼：test/test
• 控台地址: http://localhost:8081
  可以自己注冊用戶，短信驗證碼從后台日志看，或看sms表

資源配置

所有資源都在/doc/db/resource.json
需要在控台上將所有的資源配置進去，並在角色管理中配置權限 權限配置好后，需要重新登錄

 

源碼獲取： +QQ 2027776292 (備注來源)