大家好，我是 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/#/

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