当前位置:   article > 正文

基于SpringBoot+Vue贵工程学生宿舍管理系统的设计与实现

基于SpringBoot+Vue贵工程学生宿舍管理系统的设计与实现
系统介绍

伴随着我国社会的发展,人民生活质量日益提高。于是对贵工程学生宿舍进行规范而严格是十分有必要的,所以许许多多的信息管理系统应运而生。此时单靠人力应对这些事务就显得有些力不从心了。所以本论文将设计一套贵工程学生宿舍管理系统,帮助宿舍管理员进行宿舍信息、设备报修、查寝登记、失物招领、认领信息、卫生评比等繁琐又重复的工作,提高工作效率的同时,也减轻了管理者的压力。

系统主要技术 

  1. 开发语言:Java
  2. 使用框架:spring boot
  3. 前端技术:JavaScript、Vue 、css3
  4. 开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code
  5. 数据库:MySQL 5.7/8.0
  6. 数据库管理工具:phpstudy/Navicat
  7. JDK版本:jdk1.8
  8. Maven: apache-maven 3.8.1-bin

系统展示

这些功能可以充分满足贵工程学生宿舍管理系统的需求。此系统功能较为全面如下图系统功能结构如图4-1所示。

5.2.1前台功能模块

网站首页页面主要包括首页、宿舍信息、失物招领、公告信息、留言板、后台管理、个人中心等内容,并根据需要进行详细操作;如图5-1所示:

图5-1网站首页界面图

注册时将进行密码校验,若密码不一致将不能注册,以此来防止学生输入错误密码,影响体验,下面截图是学生注册成功页面,如图5-2所示。

图5-2学生注册界面图

学生将在此界面进行身份验证和登录,该页面将在前台提交数据给后台之前对表单中的用户名和密码进行格式校验,比如输入的验证信息不能为空,并给予相应的提示信息,下面截图是学生登录成功页面,如图5-3所示。

图5-3学生登录界面图

学生点击宿舍信息,在宿舍信息页面的搜索栏输入宿舍名称、宿舍类型、宿舍地址,进行查询,也可以查看宿舍名称、宿舍类型、宿舍图片、宿舍地址、楼层数、寝室分数、床位、登记日期等内容,还可以进行收藏或者评论等操作;如图5-4所示。

图5-4宿舍信息界面图

学生点击个人中心,在个人中心页面可以修改个人信息、密码修改,然后可以我的收藏进行详细操作,如图5-5所示。

图5-5个人中心界面图

5.2.2管理员功能模块

管理员进行登录,进入系统前在登录页面根据要求填写用户名和密码、角色等信息,点击登录操作,如图5-6所示。

图5-6管理员登录界面图

管理员登录系统后,可以对系统首页、个人中心、学生管理、宿舍管理员管理、分类管理、宿舍信息管理、宿舍安排管理、设备报修管理、报修进程管理、查寝登记管理、晚归登记管理、失物招领管理、认领信息管理、卫生评比管理、扣分信息管理、退宿信息管理、反馈信息管理、留言板管理、系统管理等进行相应的操作管理,如图5-7所示。

图5-7管理员功能界图面

管理员点击学生管理,在学生管理页面输入学号、学生姓名、性别、年龄、邮箱、手机号码、院级、班级、头像等信息,然后进行查询、新增或删除学生信息等操作,如图5-8所示。

图5-8学生管理界面图

管理员点击宿舍管理员管理,在宿舍管理员管理页面输入工号、宿管姓名、性别、年龄、邮箱、联系手机、相片等信息,然后进行查询、新增或删除宿舍管理员信息等操作,如图5-9所示。

图5-9宿舍管理员管理界面图

管理员点击宿舍信息管理,在宿舍信息管理页面输入宿舍名称、宿舍类型、宿舍图片、宿舍地址、楼层数、寝室分数、床位、登记日期等信息,然后进行查询、新增或删除宿舍信息等操作,如图5-10所示。

图5-10宿舍信息管理界面图

管理员点击宿舍安排管理,在宿舍安排管理页面对宿舍名称、宿舍类型、宿舍地址、楼层数、床位、学号、学生姓名、院级、班级、分配日期、工号、宿管姓名、联系手机、分数等信息,然后进行查询或删除宿舍安排等操作,如图5-11所示。

图5-11宿舍安排管理界面图

管理员点击设备报修管理,在设备报修管理页面对宿舍名称、宿舍地址、学号、学生姓名、报修名称、相关图片、工号、宿管姓名、联系手机、申请日期、审核回复、审核状态等信息,然后进行查询或删除设备报修等操作,如图5-12所示。

图5-12设备报修管理界面图

管理员点击报修进程管理,在报修进程管理页面对宿舍名称、宿舍地址、学号、学生姓名、报修名称、工号、宿管姓名、联系手机、维修状态、维修图片、发布日期等信息,然后进行查询或删除报修进程等操作,如图5-13所示。

图5-13报修进程管理界面图

5.2.3宿舍管理员功能模块

在系统上宿舍管理员点击注册登录按钮,在注册登录界面填写信息完成后,单击注册登录操作,如图5-14所示:

图5-14宿舍管理员注册登录界面

宿舍管理员登录系统后可以对系统首页、个人中心、宿舍信息管理、宿舍安排管理、设备报修管理、报修进程管理、查寝登记管理、晚归登记管理、失物招领管理、认领信息管理、卫生评比管理等功能进行操作。如图5-15所示:

图5-15宿舍管理员功能主界面

5.2.4学生功能模块

学生进行登录,进入系统前在登录页面根据要求填写用户名和密码、角色等信息,点击登录操作,如图5-16所示。

图5-16学生登录界面图

学生点击后台管理,然后页面跳转到系统后可以对系统首页、个人中心、宿舍安排管理、设备报修管理、报修进程管理、查寝登记管理、晚归登记管理、认领信息管理、卫生评比管理、扣分信息管理、退宿信息管理、反馈信息管理等功能进行操作。如图5-17所示:

图5-17学生功能主界面

部分核心代码

  1. /**
  2. * 登录相关
  3. */
  4. @RequestMapping("users")
  5. @RestController
  6. public class UsersController {
  7. @Autowired
  8. private UsersService usersService;
  9. @Autowired
  10. private TokenService tokenService;
  11. /**
  12. * 登录
  13. */
  14. @IgnoreAuth
  15. @PostMapping(value = "/login")
  16. public R login(String username, String password, String captcha, HttpServletRequest request) {
  17. UsersEntity user = usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
  18. if(user==null || !user.getPassword().equals(password)) {
  19. return R.error("账号或密码不正确");
  20. }
  21. String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
  22. R r = R.ok();
  23. r.put("token", token);
  24. r.put("role",user.getRole());
  25. r.put("userId",user.getId());
  26. return r;
  27. }
  28. /**
  29. * 注册
  30. */
  31. @IgnoreAuth
  32. @PostMapping(value = "/register")
  33. public R register(@RequestBody UsersEntity user){
  34. // ValidatorUtils.validateEntity(user);
  35. if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
  36. return R.error("用户已存在");
  37. }
  38. usersService.insert(user);
  39. return R.ok();
  40. }
  41. /**
  42. * 退出
  43. */
  44. @GetMapping(value = "logout")
  45. public R logout(HttpServletRequest request) {
  46. request.getSession().invalidate();
  47. return R.ok("退出成功");
  48. }
  49. /**
  50. * 修改密码
  51. */
  52. @GetMapping(value = "/updatePassword")
  53. public R updatePassword(String oldPassword, String newPassword, HttpServletRequest request) {
  54. UsersEntity users = usersService.selectById((Integer)request.getSession().getAttribute("userId"));
  55. if(newPassword == null){
  56. return R.error("新密码不能为空") ;
  57. }
  58. if(!oldPassword.equals(users.getPassword())){
  59. return R.error("原密码输入错误");
  60. }
  61. if(newPassword.equals(users.getPassword())){
  62. return R.error("新密码不能和原密码一致") ;
  63. }
  64. users.setPassword(newPassword);
  65. usersService.updateById(users);
  66. return R.ok();
  67. }
  68. /**
  69. * 密码重置
  70. */
  71. @IgnoreAuth
  72. @RequestMapping(value = "/resetPass")
  73. public R resetPass(String username, HttpServletRequest request){
  74. UsersEntity user = usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
  75. if(user==null) {
  76. return R.error("账号不存在");
  77. }
  78. user.setPassword("123456");
  79. usersService.update(user,null);
  80. return R.ok("密码已重置为:123456");
  81. }
  82. /**
  83. * 列表
  84. */
  85. @RequestMapping("/page")
  86. public R page(@RequestParam Map<String, Object> params,UsersEntity user){
  87. EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
  88. PageUtils page = usersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
  89. return R.ok().put("data", page);
  90. }
  91. /**
  92. * 列表
  93. */
  94. @RequestMapping("/list")
  95. public R list( UsersEntity user){
  96. EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
  97. ew.allEq(MPUtil.allEQMapPre( user, "user"));
  98. return R.ok().put("data", usersService.selectListView(ew));
  99. }
  100. /**
  101. * 信息
  102. */
  103. @RequestMapping("/info/{id}")
  104. public R info(@PathVariable("id") String id){
  105. UsersEntity user = usersService.selectById(id);
  106. return R.ok().put("data", user);
  107. }
  108. /**
  109. * 获取用户的session用户信息
  110. */
  111. @RequestMapping("/session")
  112. public R getCurrUser(HttpServletRequest request){
  113. Integer id = (Integer)request.getSession().getAttribute("userId");
  114. UsersEntity user = usersService.selectById(id);
  115. return R.ok().put("data", user);
  116. }
  117. /**
  118. * 保存
  119. */
  120. @PostMapping("/save")
  121. public R save(@RequestBody UsersEntity user){
  122. // ValidatorUtils.validateEntity(user);
  123. if(usersService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
  124. return R.error("用户已存在");
  125. }
  126. usersService.insert(user);
  127. return R.ok();
  128. }
  129. /**
  130. * 修改
  131. */
  132. @RequestMapping("/update")
  133. public R update(@RequestBody UsersEntity user){
  134. // ValidatorUtils.validateEntity(user);
  135. usersService.updateById(user);//全部更新
  136. return R.ok();
  137. }
  138. /**
  139. * 删除
  140. */
  141. @RequestMapping("/delete")
  142. public R delete(@RequestBody Long[] ids){
  143. List<UsersEntity> user = usersService.selectList(null);
  144. if(user.size() > 1){
  145. usersService.deleteBatchIds(Arrays.asList(ids));
  146. }else{
  147. return R.error("管理员最少保留一个");
  148. }
  149. return R.ok();
  150. }
  151. }

gitCode源码哆哆入口icon-default.png?t=N7T8https://gitcode.com/yuanmadd/ymgg/blob/main/README.md?init=initTree

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/718266
推荐阅读
相关标签
  

闽ICP备14008679号