大家好,我是 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/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。