bookcircle

扫码加微信（微信ID：mmlz6879），备注书圈，进群讨论。

项目介绍

书圈是一个前后端分离的书籍分享管理系统，项目采用 SpringBoot+Vue 开发，项目计划加入常见的企业级应用所涉及到的技术点，例如 Redis、RabbitMQ 等。

• 项目地址：暂无
• 项目部署视频教程

项目技术栈

后端技术栈

1. Spring Boot
2. Spring Shiro
3. MyBatis
4. MySQL
5. Redis
6. RabbitMQ
7. Spring Cache
8. WebSocket
9. ...

前端技术栈

1. Vue
2. ElementUI
3. axios
4. vue-router
5. Vuex
6. WebSocket
7. vue-cli4
8. ...

项目效果图

下载代码后本地启动

快速部署

1. clone 项目到本地 https://github.com/ProceduralZC/bookcircle.git
2. 数据库脚本使用 Flyway 管理，不需要手动导入数据库脚本，只需要提前在本地 MySQL 中创建一个空的数据库 ，并修改项目中关于数据的配置（resources 目录下的 application.properties 文件中）即可
3. 在 IntelliJ IDEA 中打开 项目

OK，至此，服务端就启动成功了，此时我们直接在地址栏输入 http://localhost:8081/index.html 即可访问我们的项目，如果要做二次开发，请继续看第4步。

4. 进入到vuehr目录中，在命令行依次输入如下命令：

# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run serve

由于我在 项目中已经配置了端口转发，将数据转发到 Spring Boot 上，因此项目启动之后，在浏览器中输入 http://localhost:8080 就可以访问我们的前端项目了，所有的请求通过端口转发将数据传到 Spring Boot 中（注意此时不要关闭 Sprin gBoot 项目）。

文档

Spring Boot + Vue 前后端分离

• Spring Boot + Vue前后端分离（一）前端Vue环境搭建

• Spring Boot + Vue前后端分离（二）前端Vue启动流程

• Spring Boot + Vue前后端分离（三）实现登录功能

• Spring Boot + Vue前后端分离（四）前端路由

• Spring Boot + Vue前后端分离（五）登录拦截器

• Spring Boot + Vue前后端分离（六）使用Element渲染登录界面

• Spring Boot + Vue前后端分离（七）后端系统，功能导航页

• Spring Boot + Vue前后端分离（八）权限数据库设计

• Spring Boot + Vue前后端分离（九）使用Shiro实现用户信息加密

• Spring Boot+ Vue前后端分离（十）使用Shiro实现登录认证

更新记录

2020.8.23 更新

更新项目描述说明，启动等

相关文档：

查看各个步骤文章

公众号

如果大家想要实时关注我更新的文章以及分享的干货的话，可以关注我的公众号。

**有关学习视频和面试资料，公众号后台回复 "学习资料" 即可免费领取！公众号[ 程序员漫画编程 ]