ITSource每日分享-源码-【在线小说阅读系统】- SpringBoot+Mysql+VUE

佬友福利,分享一份在线小说网站源码。

项目介绍

在线小说阅读系统是一种基于Web的应用程序,旨在为用户提供便捷的小说阅读体验。这种系统通常包括前端用户界面和后端管理功能,支持用户注册、登录、搜索、阅读、收藏、评论等功能。其中用户也是创作者,创作者可以注册用户后,进行小说创作,发布到系统,其他用户可以查看小说

本系统虽然页面简介不花哨, 但是功能还是比较丰富的, 适合初学者二次开发学习使用

关键词:小说系统;小说阅读; Spring Boot 框架;Java;MySQL数据库; VUE; 前后端分离

技术栈:

  • 后端: SpringBoot +Mybatis
  • 数据库 : MySQL 8
  • 前端: VUE + ElementUI

开发环境依赖:

  • MySQL 8 数据库
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 14

一 业务介绍

1.功能模块

2.首页

3.点击小说进行阅读

3.小说创作:

可以看到我看的小说, 作品数量, 收藏数量, 推荐数量, 评论,关注, 和粉丝

  • 个人资料修改:

作品管理

作品管理页面可以进行小说创作:

可以新增小说:名称, 封面, 小说简介, 和章节等

小说管理后台:

该系统还有一个小说管理员后台, 管理员登录后可以进行小说分类的修改和新增,还可以对所有小说进行修改

二 技术介绍

1.技术栈

  • 后端: SpringBoot +JPA
  • 数据库 : MySQL 8
  • 前端: VUE + ElementUI

开发环境依赖:

  • MySQL 8 数据库
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 14

2.代码介绍

三 Quick Start

1. 环境准备

  • MYSQL 8
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 14 (如果不需要对配置后台二次开发,不需要安装)

以上环境需要准备好, 在自己的本地搭建好,方可进行下面步骤

2. 下载源码

文章末尾获取下载方式。

3. 后端部署

  • Step1: 下载源码
  • Step2: IDEA 打开项目
  • Step3: 安装 Maven 依赖
  • Step4: 配置检查

数据库配置: 找到配置文件 src/main/resources/application.yml 修改为你本地的数据库配置。如

spring.datasource.url=jdbc:mysql://localhost:3306/itsource33??useUnicode=true&characterEncoding=utf8&autoReconnect=true&useSSL=false&serverTimezone=UTC&createDatabaseIfNotExist=true  
spring.datasource.username=root  
spring.datasource.password=root

注意:不需要手动创建数据库和初始化表结构,直接运行项目,会自动创建数据库,初始化SQL语句

  • Step4: 启动后端项目

Idea 运行后端项目,看到以下信息,表示运行成功

4. 前端部署

分别进入 novel_vue_client-masternovel_vue_server-master 目录

打开终端, 执行下面命令,运行前端项目:

  • Step1: 安装npm依赖

npm install --registry=http://registry.npmmirror.com

  • Step2: 启动前端项目

npm run serve
看到如下信息表示部署成功
Clip_2024-10-19_22-37-26.png
浏览器点击任何一个即可打开

登录: 输入账号密码 itsource itsource 即可登录


下载地址:

百度云源码 :链接:百度网盘 请输入提取码
提取码:1tjg

蓝奏云: https://itguang.lanzoue.com/b0016udiwh 密码:c1te

常用开发软件:
链接:https://pan.baidu.com/s/1KSLqE3eCi51FSfftkmLfGw?pwd=mc8v
提取码:mc8v

原文连接:https://mp.weixin.qq.com/s/NAjSRu-dX9hJ4uftcOsvHA

10 个赞

感谢你的分享

谢谢佬,重温下springboot,好久没用了,一直用的springmvc那一套

感谢大佬 :grinning: :grinning: :grinning: