图书馆座位管理系统
项目简介
- 本系统是针对图书馆传统管理的不足和座位资源分配不合理,利用效率低下的现象,提出的一整套改善方案。目标是提高图书馆座位资源的利用效率,降低图书馆管理座位资源的难度,方便人们的使用,将资源的利用分配,现代化科技,服务为民的宗旨强有力的结合在一起,打造一整套的信用制度,让资源利用合理化和公共设施便民化深入人心,让行为成为一种习惯。本系统采用前后分离的概念,将前端和后端分离。前端主要由普通客户端和管理员端组成,后端则是公用的接口。在技术选用方面,也做了周量挑选,前端使用现在比较火的公司使用较多的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:全局配置文件,可以配置程序端口,资源路径等。
项目部分效果展示
更多推荐