基於 Spring Boot3、Vue3！這套小說系統開源了...

Java陈序员發表於2024-05-20
Spring BootVue

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

大家的點贊、收藏和評論都是對作者的支援，如文章對你有幫助還請點贊轉發支援下，謝謝！

相關文章