Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统

项目简介

novel 是一套基于时下最新 Java 技术栈 Spring Boot 3 + Vue 3 开发的前后端分离学习实战型小说项目,配备保姆级教程手把手教你从零开始开发上线一套生产级别的 Java 系统,由小说门户系统、作家后台管理系统、平台后台管理系统等多个子系统构成。包括小说推荐、作品检索、小说排行榜、小说阅读、小说评论、会员中心、作家专区、充值订阅、新闻发布等功能。

项目地址

  • 后端项目(更新中):GitHub | 码云
  • 前端项目(更新中):GitHub | 码云
  • 线上应用版:GitHub | 码云
  • 微服务版:GitHub | 码云

开发环境

  • MySQL 8.0
  • Redis 7.0
  • Elasticsearch 8.2.0(可选)
  • RabbitMQ 3.10.2(可选)
  • XXL-JOB 2.3.1(可选)
  • JDK 17
  • Maven 3.8
  • Node 16.14

注:Elasticsearch、RabbitMQ 和 XXL-JOB 默认关闭,可通过 application.yml 配置文件中相应的enable配置属性开启。

后端技术选型

技术 版本 说明
Spring Boot 3.0.0 容器 + MVC 框架
MyBatis 3.5.9 ORM 框架
MyBatis-Plus 3.5.1 MyBatis 增强工具
JJWT 0.11.5 JWT 登录支持
Lombok 1.18.24 简化对象封装工具
Caffeine 3.1.0 本地缓存支持
Redis 7.0 分布式缓存支持
Redisson 3.17.4 分布式锁实现
MySQL 8.0 数据库服务
ShardingSphere-JDBC 5.1.1 数据库分库分表支持
Elasticsearch 8.2.0 搜索引擎服务
RabbitMQ 3.10.2 开源消息中间件
XXL-JOB 2.3.1 分布式任务调度平台
Sentinel 1.8.4 流量控制组件
Springdoc-openapi 2.0.0 Swagger 3 接口文档自动生成
Spring Boot Admin 3.0.0-M1 应用管理和监控
Undertow 2.2.17.Final Java 开发的高性能 Web 服务器
Sonarqube - 代码质量控制

注:更多热门新技术待集成。

前端技术选型

技术 版本 说明
Vue.js 3.2.13 渐进式 JavaScript 框架
Vue Router 4.0.15 Vue.js 的官方路由
axios 0.27.2 基于 promise 的网络请求库
element-plus 2.2.0 基于 Vue 3,面向设计师和开发者的组件库

项目截图

  1. 首页

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第1张图片

  1. 分类索引页

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第2张图片

  1. 搜索页

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第3张图片

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第4张图片

  1. 排行榜

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第5张图片

  1. 详情页

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第6张图片

  1. 阅读页

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第7张图片

  1. 用户中心

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第8张图片

  1. 充值

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第9张图片

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第10张图片

  1. 作家专区

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第11张图片

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第12张图片

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第13张图片

  1. 购买

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第14张图片

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第15张图片

  1. 接口文档

Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统_第16张图片

项目教程

手把手教你从零开始开发上线一套生产级别的小说系统

你可能感兴趣的:(java,spring,boot,vue.js)