图书馆座位管理系统设计与实现（前后端分离vue+springboot）

图书馆座位管理系统

项目简介

• 本系统是针对图书馆传统管理的不足和座位资源分配不合理，利用效率低下的现象，提出的一整套改善方案。目标是提高图书馆座位资源的利用效率，降低图书馆管理座位资源的难度，方便人们的使用，将资源的利用分配，现代化科技，服务为民的宗旨强有力的结合在一起，打造一整套的信用制度，让资源利用合理化和公共设施便民化深入人心，让行为成为一种习惯。本系统采用前后分离的概念，将前端和后端分离。前端主要由普通客户端和管理员端组成，后端则是公用的接口。在技术选用方面，也做了周量挑选，前端使用现在比较火的公司使用较多的npm+vue+webpack+element-ui，使用vue-cli构建起项目，使用element-ui快速搭建起前端界面，vue进行数据操作，webpack进行资源加载和打包,npm下载第三方包。后端使用springboot+ssm+maven，使用springboot构建起框架，maven管理jar包，ssm进行三层架构

项目部署运行

• 开发工具
  后端：IDEA 2019 ，postMan，navicat，
  前端：Hbuilder,Visual Studio code,
  设计：visio，starUML
• 开发环境
  Java：java1.8
  Vue：2.0
  Springboot：2.2.5
  Mysql：5.7

项目概要设计

• 数据流模型
  
• 功能模块图
  
• 用例图
  

项目详细设计

• E-R图
  

• 表结构设计
  

• 功能流程图
  

项目结构目录

• 前端结构目录
  

文件简要说明：
Build：存放编译好的文件。
Config:项目的配置文件。
Node_modules:第三方依赖jar包。
Src:项目自己的逻辑业务代码编写的地方。
Assets:静态资源，比如js，css，img等。
Common:公共使用的文件。
Components:公共用到的组件。
Network:网络请求的封装代码。
Router:路由导航。
Store:vuex的状态管理。
Views:项目的划分区域视图。
Login:登入页面。
Main:主页面。
Password:忘记密码页面。
Register:注册页面。
App.vue:vue实例挂载的主组件，也就是入口。
Main.js:入口的js文件。

• 后端结构目录

文件简要说明：
Config:配置文件，配置分页插件，注册拦截器，配置跨域等。
Constant:数据库静态参数值，返回结果静态参数值。
Controller:提供给前端代用的接口，或者说控制层。
Entity:与数据库表表结构对应的实体类。
Interceptor:拦截器。
Mapper:映射文件。
mapperXml:编写SQL语句的xml文件。
Param:封装的参数类，比如返回的结果参数，请求参数，给sql语句传的形参参数等。
Result:返回给前端的结果封装类。
Service:服务接口。
serviceImpl:服务实现类。
Tools:工具类，比如图像上传，邮件发送，jwt生成和解析token的类等。
Resources:资源文件。
Static:静态资源，图片，css，js等。
Templates:模板类，jsp,themyleaf等。
Application.properties:全局配置文件，可以配置程序端口，资源路径等。

项目部分效果展示