ssm自习室预订座位管理分析与实现+vue

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1NF41127vG?t=9.4

三、运行截图：

3.1 座位分类管理

管理员可以管理座位分类信息，可以添加，修改，删除座位分类信息。下图就是房间信息管理页面。

图3.1 座位分类信息管理页面

管理可以在这个页面中的文本框中添加分类信息，添加完成后点击提交，管理添加的信息将会通过以下代码来保存到数据库。

/**
 * 后端保存
 */
@RequestMapping("/save")
public R save(@RequestBody ZuoweifenleiEntity zuoweifenlei, HttpServletRequest request){
   zuoweifenlei.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
zuoweifenleiService.insert(zuoweifenlei);
return R.ok();
}

前端页面向后台控制器发送了一个新增在线门诊的POST请求,请求的名为/zuoweifenlei/save，把在座位分类封装在后台定义的zuoweifenlei对象中，由于id是唯一的，不允许重复，所以取当前时间的毫秒数加上随机出来的整数作为id，保证唯一性，然后调用mybatis-plus的insert方法，把数据新增到数据库中。

3.2 学生信息管理

管理员可以对学生信息进行查询和修改操作。下图就是学生信息管理页面。

图3.2学生信息管理页面

管理可以在学生信息管理页面中添加学生信息、修改学生信息、删除学生信息、根据条件筛选学生信息，详细代码如下：

/**
   * 后端列表
   */
@RequestMapping("/page")
public R page(@RequestParam Map params,XueshengEntity xuesheng,
HttpServletRequest request){

      EntityWrapper ew = new EntityWrapper();
PageUtils page = xueshengService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, xuesheng), params), params));
return R.ok().put("data", page);
  }

当管理进入页面后就会向后台控制器发送了一个查询学生详细的ajax的GET请求,请求的名为/xuesheng/page,如果有查询条件，就会封装到后台定义的params中params中的key就是字段名，value就是条件，里面条件有页数，条数和其他。之后调用xueshengService类中的queryPage方法查询数据，由于xueshengService是抽象类，所以在调用xueshengService的时候会自动调用xueshengServiceImpl类，调用其中的queryPage方法，查询出来数据，把查询出来数据返回给前端，进行展示。

3.3 座位信息管理

管理员可以对座位信息进行修改，查询操作。下图就是座位信息管理页面。

图3.3 座位信息管理页面

管理可以在学生信息管理页面中添加座位信息、修改座位信息、删除座位信息、根据条件筛选座位信息，详细代码如下：

/**
   * 后端列表
   */
@RequestMapping("/page")
public R page(@RequestParam Map params,ZuoweixinxiEntity zuoweixinxi,
HttpServletRequest request){

      EntityWrapper ew = new EntityWrapper();
PageUtils page = zuoweixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, zuoweixinxi), params), params));
return R.ok().put("data", page);
  }

当管理进入页面后就会向后台控制器发送了一个查询学生详细的ajax的GET请求,请求的名为/zuoweixinxi/page,如果有查询条件，就会封装到后台定义的params中params中的key就是字段名，value就是条件，里面条件有页数，条数和其他。之后调用zuoweixinxiService类中的queryPage方法查询数据，由于zuoweixinxiService是抽象类，所以在调用zuoweixinxiService的时候会自动调用zuoweixinxiServiceImpl类，调用其中的queryPage方法，查询出来数据，把查询出来数据返回给前端，进行展示。

3.4 座位预约管理

管理员可以对座位预约信息进行审核操作。下图就是座位预约信息管理页面。

图3.4 座位预约信息管理页面

管理可以审核学生的自习室预约请求，并给出审核内容，详细代码如下：

/**
 * 修改
 */
@RequestMapping("/update")
public R update(@RequestBody ZuoweiyuyueEntity zuoweiyuyue, HttpServletRequest request){
zuoweiyuyueService.updateById(zuoweiyuyue);//全部更新
return R.ok();
}

当管理选择了审核结果并输入了审核内容后就会后台控制器发送了一个修改状态的POST请求,请求的名为zuoweiyuyue/update，通过mybatis-plus的updateById方法通过id把管理修改的状态和审核内容修改上去，然后返回给前台审核成功。