【电影推荐系统】Spring Boot + Vue3 前后端分离项目
生活随笔
收集整理的這篇文章主要介紹了
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目錄
- 0 前言
-
1 項目前端介紹
-
1.1 項目啟動和編譯
- 1.1.1 項目啟動
- 1.1.2 項目編譯
- 1.2 前端技術棧
-
1.3 功能模塊前端界面展示
- 1.3.1 基礎功能模塊
- 1.3.2 用戶模塊
- 1.3.3 特色功能展示
- 1.3.4 界面自適應實現
-
1.1 項目啟動和編譯
-
2 項目后端介紹
-
2.1 項目打包部署
- 2.1.1 項目打包
- 2.1.2 項目部署
- 2.2 后端功能實現
-
2.1 項目打包部署
- 3 數據爬蟲介紹
0 前言
總項目名稱:電影推薦系統
項目采用前后端分離:
- 前端:
- 倉庫地址:movie_recommendation_system_vue
- 技術棧:
Vue3+Element Plus+axios等
- 后端:
- 倉庫地址:movie_recommendation_system_server
- 技術棧:
Spring Boot+Spring Security+Redis+MyBatis-Plus等
- 數據爬蟲:
- 簡介:爬取項目所需的電影基本信息數據和用戶評價數據等并存儲。
- 倉庫地址:正在路上...
- 技術棧:正在路上...
系統功能模塊總覽:
1 項目前端介紹
項目地址:movie_recommendation_system_vue
1.1 項目啟動和編譯
1.1.1 項目啟動
Compiles and hot-reloads for development:
npm run serve
1.1.2 項目編譯
Compiles and minifies for production:
npm run build
1.2 前端技術棧
- Vue3框架
- Element Plus組件庫(基于 Vue 3,面向設計師和開發者的組件庫)
- Axios庫(一個基于 promise 的網絡請求庫)
- Echarts庫(一個基于 JavaScript 的開源可視化圖表庫)
- vue-copper庫(基于vue的優雅圖片裁剪插件)
- ...
1.3 功能模塊前端界面展示
1.3.1 基礎功能模塊
主要是游客可以查看的頁面信息。
- 主頁面
2. 電影分類
- 搜索電影
- 查看電影詳情
1.3.2 用戶模塊
主要包括用戶登錄、注冊、修改個人信息、賬號設置、查看電影評價、進行電影評價等功能。
- 用戶登錄
- 用戶注冊
- 修改個人信息(包括頭像、昵稱、性別、電影特征偏好等)
- 賬號設置(包括密碼修改、綁定郵箱等)
-
查看電影評價
- 用戶點贊:點贊功能在前端通過節流,來防止用戶惡意點擊。
- 滾動置底加載:當滾輪滾動至底部時,加載新的評論。
- 進行電影評價
- 用戶主頁
1.3.3 特色功能展示
- 電影星球
主要展示用戶看過電影和系統推薦電影之間的關系,用戶可以點擊電影結點,查看電影的詳情頁面。
- 評論詞云圖
將電影評論進行分詞后,去除無關符號和詞語,通過詞云圖展示電影的一些關鍵字信息。
1.3.4 界面自適應實現
- 手機端展示
- 平板端展示
2 項目后端介紹
倉庫地址:movie_recommendation_system_server
2.1 項目打包部署
2.1.1 項目打包
IDEA右邊欄中選擇Maven → 按住Ctrl → 選擇Lifecycle下的clean和package → 點擊上方的綠色運行按鈕 → 等待項目打包成jar包 → 打包好的jar包會在項目的target目錄中
2.1.2 項目部署
-
將打包好的
項目jar包上傳到自己的服務器上。 -
通過以下命令時項目在服務器后臺運行,并且輸出日志到
out.txt文件(可修改):nohup java -jar 項目名.jar >out.txt &
2.2 后端功能實現
- 用戶登錄、注冊、個人信息修改等接口實現。
- 基于內容推薦和基于用戶協同過濾推薦等推薦算法實現,整合兩種算法實現混合式推薦,并解決冷啟動問題。
- 查詢各種電影信息接口實現(如電影搜索、推薦給用戶的電影信息查詢等)。
- 用戶點贊功接口實現(點贊信息暫存,再按時持久化到數據庫)。
- ...
3 數據爬蟲介紹
- 簡介:爬取項目所需的電影基本信息數據和用戶評價數據等并存儲。
- 倉庫地址:正在路上...
- 技術棧:正在路上...
轉載聲明:該博客來源于vanish丶的博客園
總結
以上是生活随笔為你收集整理的【电影推荐系统】Spring Boot + Vue3 前后端分离项目的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【玩转腾讯混元大模型】怎么说?我用混元A
- 下一篇: Vue源码分析系列四:Virtual D