Springboot+Vue前后端分离简单图书管理系统

系统介绍

本系统采用前后端分离的模式来实现。 前端采用的技术栈为vue全家桶，即vue-router、axios、vuex。 UI框架选用的后台管理系统经常用的ELement-UI。 后端框架采用的是springboot+shiro+mybatis。 数据库用的是mysql。

系统功能

普通用户

查看图书 借阅图书 添加图书评论 查看借阅图书的信息 归还图书 修改用户密码

系统管理员

增删改查图书信息 增删改查用户信息

前端界面

登录界面

系统的登录界面，也可以进行用户注册。

注册界面

注册页面，用户可以进行注册。

普通用户界面

系统首页

系统首页是一个轮播图，下面文字是对本项目的一个简单的描述。

图书信息页面

这里的图书是以分类来显示的，鼠标经过图书会有一个放大的效果，并且还会显示该图书的详细信息，点击借阅按钮即可进行借阅。

添加图书评论页面

借阅图书信息页面

这里为了突出已经超过指定归还日期的，用了红字，没有超过归还日期的，用了绿色的字。这里用了动态绑定样式类来实现的。

修改用户密码页面

这里实现了密码验证，新密码不能和旧密码一样。

管理员界面

增删改查图书信息页面

管理员对图书信息进行维护的页面。

增删改查用户信息页面

管理员对用户信息进行维护的页面。

参考网站

vue官网地址：https://cn.vuejs.org/ Element-UI官网地址：https://element.eleme.io/ Springboot官网地址：https://spring.io/projects/spring-boot mybatis官网地址：https://mybatis.org/mybatis-3/zh/java-api.html

参考的博主以及博客

我这个项目就是跟的这个博主，博主也很热心，把其中实现的细节以及代码都贴了出来。下面是他的这个项目的第一篇博客，可以跟着这个系列，就能把系统完整的实现。

总结

本系统是参考上面博主的系统来仿写的，不过自己也修改了好多，其中还有一些不完善的地方，后面会继续进行修改。大家有什么意见，也可以下面评论，我也会积极回复。

源代码地址

前端项目地址 后端项目地址