大家好，我是 Java陈序员。

今天，给大家介绍一个基于 SpringBoot3、Vue3 前后端分离的小说项目，集成了主流的技术栈，可供学习使用！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

novel —— 一套基于 Spring Boot3 + Vue3 开发的前后端分离学习型小说项目。由小说门户系统、作家后台管理系统、平台后台管理系统等多个子系统构成。

包括小说推荐、作品检索、小说排行榜、小说阅读、小说评论、会员中心、作家专区、充值订阅、新闻发布等功能。

技术栈：

JDK 17Spring Boot 3MySQL 8.0Redis 7.0Elasticsearch 8.6.2RabbitMQ 3.xXXL-JOB 2.3.1Node 16.14Vue 3项目截图

首页

分类、搜索

小说排行榜

小说详情

小说阅读

个人中心

作家专区

充值购买

快速开始后端服务

1、拉取代码

git clone https://gitee.com/novel_dev_team/novel.git

2、初始化数据库

新建数据库 novelCREATE 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/#/

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！