【电影推荐系统】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 界面自适应实现
2 项目后端介绍2.1 项目打包部署2.1.1 项目打包2.1.2 项目部署
2.2 后端功能实现
3 数据爬虫介绍
0 前言
总项目名称:电影推荐系统
项目采用前后端分离:
前端:
仓库地址:movie_recommendation_system_vue技术栈:Vue3 + Element Plus + axios等 后端:
仓库地址:movie_recommendation_system_server技术栈:Spring Boot + Spring Security + Redis + MyBatis-Plus等 数据爬虫:
简介:爬取项目所需的电影基本信息数据和用户评价数据等并存储。仓库地址:douban_movie_spider_mrs技术栈:requests + lxml
系统功能模块总览:
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 数据爬虫介绍
简介:爬取项目所需的电影基本信息数据和用户评价数据等并存储。仓库地址:douban_movie_spider_mrs技术栈:requests + lxml
转载声明:该博客来源于August丶_的CSDN博客
参考文章
发表评论