大家好,我是 java陈序员
。
今天,给大家介绍一个基于 springboot3、vue3 前后端分离的小说项目,集成了主流的技术栈,可供学习使用!
关注微信公众号:【java陈序员】,获取开源项目分享、ai副业分享、超200本经典计算机电子书籍等。
项目介绍
novel
—— 一套基于 spring boot3 + vue3 开发的前后端分离学习型小说项目。由小说门户系统、作家后台管理系统、平台后台管理系统等多个子系统构成。
包括小说推荐、作品检索、小说排行榜、小说阅读、小说评论、会员中心、作家专区、充值订阅、新闻发布等功能。
技术栈:
- jdk 17
- spring boot 3
- mysql 8.0
- redis 7.0
- elasticsearch 8.6.2
- rabbitmq 3.x
- xxl-job 2.3.1
- node 16.14
- vue 3
项目截图
首页
分类、搜索
小说排行榜
小说详情
小说阅读
个人中心
作家专区
充值购买
快速开始
后端服务
1、拉取代码
git clone https://gitee.com/novel_dev_team/novel.git
2、初始化数据库
- 新建数据库
novel
create database if not exists `novel` character set utf8mb4 collate utf8mb4_unicode_ci;
- 解压
doc/sql/novel.sql.zip
,得到novel_struc.sql
和novel_data.sql
文件 - 执行
novel_struc.sql
和novel_data.sql
文件
3、将代码以 maven 的形式导入到 idea 中
4、修改配置文件 src/resources/application.yml
中的数据源连接配置、redis 配置
--- #---------------------数据库配置--------------------------- spring: datasource: url: jdbc:mysql://localhost:3306/novel_test?useunicode=true&characterencoding=utf-8&usessl=false&servertimezone=asia/shanghai username: root password: test123456 --- #---------------------中间件配置--------------------------- spring: data: # redis 配置 redis: host: 127.0.0.1 port: 6379 password: test123456
5、运行主启动类 io.github.xxyopen.novel.novelapplication
,启动项目
6、浏览器访问接口文档地址
http://localhost:8888/swagger-ui/index.htm
前端服务
1、拉取前端代码
git clone https://gitee.com/novel_dev_team/novel-front-web.git
2、安装依赖
# 如没有安装 yarn,使用如下命令安装 npm install -g yarn # 安装依赖 yarn install
3、运行项目
yarn serve
4、浏览器访问
http://localhost:1024
除了 springboot 单体版本外,项目还提供了基于 springcloud 微服务技术栈构建的版本,也是一个值得学习的项目~
最后,贴上项目地址:
https://github.com/201206030/novel
最后
推荐的开源项目已经收录到 github
项目,欢迎 star
:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
发表评论