基于SpringBoot+Vue实现的在线小说阅读系统

基于SpringBoot+Vue实现的在线小说阅读系统

文章目录

  • 基于SpringBoot+Vue实现的在线小说阅读系统
      • 系统介绍
      • 技术选型
      • 成果展示
          • 前台页面
          • 管理系统
      • 账号地址及其他说明

系统介绍

基于SpringBoot+Vue实现的在线小说阅读系统是一款在线阅读平台,用户可以在平台阅读自己喜欢的小说,也可以进行创作,发布自己写的小说,

整体功能实现了新用户登录与注册、搜索小说、小说分类、收藏、推荐小说、关注作者、评论小说、编辑个人信息、发布小说等功能

后台管理系统实现了小说分类的新增、修改,小说的新增、查看、修改

待实现功能

后台管理系统小说分类的删除,小说的删除、小说章节的管理

技术选型

运行环境:jdk1.8+maven3.6.0+nodejs14.21.3+MySQL5.7+idea2020.3+webstorm2020.3(仅供参考)

服务端技术:SpringBoot+JPA+SpringSecurity+Oauth2

前端技术:Vue2+ElementUI+axios

成果展示

前台页面

首页

基于SpringBoot+Vue实现的在线小说阅读系统_第1张图片

小说分类页

基于SpringBoot+Vue实现的在线小说阅读系统_第2张图片

小说搜索页

基于SpringBoot+Vue实现的在线小说阅读系统_第3张图片

小说详情页

基于SpringBoot+Vue实现的在线小说阅读系统_第4张图片

小说阅读页

基于SpringBoot+Vue实现的在线小说阅读系统_第5张图片

用户登陆注册页

基于SpringBoot+Vue实现的在线小说阅读系统_第6张图片

用户个人主页

基于SpringBoot+Vue实现的在线小说阅读系统_第7张图片

用户作品管理页

基于SpringBoot+Vue实现的在线小说阅读系统_第8张图片

新增小说章节

基于SpringBoot+Vue实现的在线小说阅读系统_第9张图片

管理系统

登录页

基于SpringBoot+Vue实现的在线小说阅读系统_第10张图片

分类管理页

基于SpringBoot+Vue实现的在线小说阅读系统_第11张图片

小说管理页

基于SpringBoot+Vue实现的在线小说阅读系统_第12张图片

新增小说卷和章节页

基于SpringBoot+Vue实现的在线小说阅读系统_第13张图片

账号地址及其他说明

1.地址说明

用户端:http://localhost:8082/home/homeCenter

管理员端:http://localhost:8081/login

2.账号说明

管理员:admin/admin

用户:user/123456

3.运行说明

1、创建数据库novel5,导入SQL脚本,使用MySQL版本为5.7,数据库版本仅供参考,建议>=5.7
2、使用nodejs版本为14.21.3,仅供参考
3、安装yarn,打开命令窗口执行npm install -g yarn
4、分别进入前端的两个目录,打开cmd,分别执行yarn install
5、执行完毕后修改服务端数据库配置,见下图,运行服务端
6、分别进入前端的两个目录,打开cmd,执行yarn run serve
7、访问上述提供地址进入页面

基于SpringBoot+Vue实现的在线小说阅读系统_第14张图片

4.源码来自于互联网,经过小白整理与调试,确保能正常运行

5.制作不易,一键四连再走吧,您的支持永远是我最大的动力!

你可能感兴趣的:(Java全栈开发,系统源码,SpringBoot,spring,boot,vue.js,后端)