项目设计-基于SpringBoot和Vue开发的会议室预定系统

前言

​ 本期项目是会议室预定系统,主要包括数据监控大盘、我的会议、会议管理、会议室管理、预约管理、保修管理、预约记录管理、部门管理、日志管理、用户管理、角色管理以及各个模块的导出功能。以企业级的开发标准来完成整个前后端代码,相信对初学者都会有很大帮助。

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第1张图片

功能设计

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第2张图片

领域模型

  • DO(DataObject):与数据库表结构一一对应,通过DAO层向上传输数据源对象

  • BO(BusinessObject):业务对象。由Service层输出的封装业务逻辑的对象

  • VO(View Object):显示层对象,通常是Web向模板渲染引擎层传输的对象

    BO和VO领域模型又分为BoRequest(输入模型)、BoResponse(输出模型)、VoRequest(输入模型)、VoResponse(输出模型)

技术栈

  1. 整体架构:前后端分离项目,前端基于Vue全家桶+Element开发,后端基于SpringBoot框架开发,JDK版本1.8;
  2. 权限管理:基于Spring-Security、Spring-Session 和 Redis实现精细化到按钮级别的分布式权限管理;
  3. 接口风格:接口设计采用restful风格,接口文档基于swagger,每个接口都有详细的接口文档说明;
  4. 数据库:MySQL
  5. 日志采集:基于slf4j和Log4j2实现系统运行日志采集,基于切面实现系统操作日志采集
  6. 依赖管理:使用Maven进行项目多模块依赖管理
  7. 基于Spring Profile实现多环境配置文件管理

系统设计

接口设计

​ 整个项目接口采用的目前互联网比较流行的restful风格设计,每个接口、每个参数都有详细的文档说明。因为企业中开发必然是团队协作,必然前后端分离的开发模式,你得先把接口定义出来,然后前端可以和后端同步开发。还有一种就是对外提供接口,比如你们隔壁团队也想调用你这个服务的接口,但是你两排期是同一周,这时候你得先把接口定义出来给人家,然后大家同步开发,开发完了之后再进行联调。

运行效果

系统登录

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第3张图片

dashboard

首页数据大盘,按最近7天饼图占比、最近30天折线图走势、最近一年柱状图分析、最近7天各个时间段占比分析全方位可视化分析数据。

项目设计-基于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张图片

Excel导出

​ 所有模块都支持数据导出Excel,方便进行数据分析

会议列表导出

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第13张图片

日志管理

​ 日志管理默认是开给管理员的,在系统中的所有操作都会被记录,在系统出现异常时也便于管理员进行问题排查。

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第14张图片

用户管理

​ 默认也是只有管理员拥有用户管理菜单的权限,可以新建/编辑用户、分配用户角色、禁用/启用等操作

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第15张图片

编辑用户信息

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第16张图片

角色管理

​ 极其灵活的权限管理,系统中的所有按钮都可以单独分配权限,你可以给A角色只分配了查询和导出权限,也可以给B角色分配查询、编辑、新建权限,还可以给C角色只分配查询权限。可以满足几乎所有的业务需求,大家可以自由发挥定义权限组合。

​ 默认有‘管理员角色’、‘系统默认角色’、‘普通用户角色’

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第17张图片

个人信息修改

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第18张图片

密码修改

​ 管理员创建完用户之后的默认密码是“123456”,用户可以登录系统自己修改密码

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第19张图片

新用户注册

项目设计-基于SpringBoot和Vue开发的会议室预定系统_第20张图片

权限设计

​ 权限基于security和spring-session实现。权限可以分为认证和授权,认证其实就是登录,用户登录时会进行账号密码的校验,校验成功后会,会把session存入redis中。授权指的是用户是否拥有访问后端资源的权限,每个新用户在创建后都会分配角色,角色其实就是一个权限集合,这里的权限可以理解为访问后端一个个接口(资源)的权限。

​ 这里权限设计的非常灵活,细粒度到按钮级别,比如新增、删除、修改、查询、借阅动作,普通用户可能就只有查询权限,管理员则拥有新增、删除、修改的权限。普通用户即使通过接口直接访问后端的修改或者删除接口,后端也会返回授权失败错误,因为后端每个需要权限的接口都打了权限标识,只有拥有资源权限用户才能访问。

​ 比如下面的修改接口,只有拥有“CAR_UPDATE”这个权限标识的用户才能访问这个接口,否则返回“未授权”的错误。

@PutMapping("/{id}")
@PreAuthorize("hasAuthority(T(com.senior.book.console.api.security.Authority).BOOK_UPDATE.name())")
    public Result<Boolean> update(@PathVariable("id") Long id, @Valid @RequestBody BookUpdateVoRequest request) {
        
}

你可能感兴趣的:(项目设计,spring,boot,vue.js,java,spring,web)