当前位置:   article > 正文

基于springboot+vue的高校心理教育辅导系统(前后端分离)

基于springboot+vue的高校心理教育辅导系统(前后端分离)

博主主页猫头鹰源码

博主简介:Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目背景:  

当今社会处在一个高速发展的信息时代,计算机网络的发展对人类社会的进步产生难以估量的影响。在校园内,网络聊天、bbs、e-mail、qq空间、blog等已成为学生生活的一部分。近年来,随着社会的发展,学生面临的各方面压力越来越大,如学习生活的压力、角色转换、交际困难、情感困惑、就业压力等。对于这些压力处理不当而导致的大学生心理健康问题越来越多,校园内暴力事件频繁发生,自杀等非正常死亡的案例也呈明显上涨趋势。每一起案件都会引发新闻媒体、网络等社会各方面的高度关注,各高校领导应引起足够重视并出台应对策略以解决这些问题。在这种形势下,充分发挥互联网快捷方便的优势,弥补传统心理咨询方式的不足,开发一个高校心理教育辅导系统,不但实时地为在校学生提供专业的心理测试咨询服务,而且在学生隐私的保护和自尊心的维护方面也很有意义,提高了学生主动参与心理测试的积极性,在教师的指导下有效解决心理健康问题、形成健全的人格,从而为他们顺利完成学业并踏入社会起了积极的推动作用。 

功能介绍:

 高校心理教育辅导系统主要分为管理员、教师和学生三个角色,系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式,是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。

本高校心理教育辅导系统主要包括学生功能模块、教师功能模块和管理员功能模块三大部分,系统结构设计如图所示。

系统包含技术:

后端:springboot,mybatis
前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

学生进入本系统可查看系统信息,系统主界面展示。

学生在登录时需输入正确的登录用户名和密码,系统会以登录用户名、密码为参数进行登录信息的验证,信息正确则登录成功,反之登录失败。

学生可进入留言反馈界面进行发布留言,留言反馈界面展示如图所示。

学生在试卷列表界面可查看所有试卷,并可选择考试,试卷列表界面和考试界面展示如图所示。


学生登录后可进行辅导预约操作,辅导预约界面展示如图所示。

管理员要想进入后台进行管理操作,必须登录系统后台,管理员登录界面展示如图所示。

管理在学生管理界面可查看所有学生信息,并可对其进行修改和删除操作,学生管理界面展示如图所示。


管理员可查看学生辅导预约信息,并可对其审核,其管理界面如图所示。

教师登录后可进入个人信息界面进行修改个人资料,个人信息界面展示如图所示。

部分代码:

  1. /**
  2. * 考试记录接口
  3. */
  4. @RequestMapping("/groupby")
  5. public R page2(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
  6. if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
  7. examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
  8. }
  9. EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
  10. PageUtils page = examrecordService.queryPageGroupBy(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));
  11. return R.ok().put("data", page);
  12. }
  13. /**
  14. * 后端列表
  15. */
  16. @RequestMapping("/page")
  17. public R page(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
  18. if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
  19. examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
  20. }
  21. EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
  22. PageUtils page = examrecordService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));
  23. return R.ok().put("data", page);
  24. }
  25. /**
  26. * 前端列表
  27. */
  28. @RequestMapping("/list")
  29. public R list(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
  30. if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
  31. examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
  32. }
  33. EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
  34. PageUtils page = examrecordService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));
  35. return R.ok().put("data", page);
  36. }
  37. /**
  38. * 列表
  39. */
  40. @RequestMapping("/lists")
  41. public R list( ExamrecordEntity examrecord){
  42. EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
  43. ew.allEq(MPUtil.allEQMapPre( examrecord, "examrecord"));
  44. return R.ok().put("data", examrecordService.selectListView(ew));
  45. }
  46. /**
  47. * 查询
  48. */
  49. @RequestMapping("/query")
  50. public R query(ExamrecordEntity examrecord){
  51. EntityWrapper< ExamrecordEntity> ew = new EntityWrapper< ExamrecordEntity>();
  52. ew.allEq(MPUtil.allEQMapPre( examrecord, "examrecord"));
  53. ExamrecordView examrecordView = examrecordService.selectView(ew);
  54. return R.ok("查询考试记录表成功").put("data", examrecordView);
  55. }
  56. /**
  57. * 后端详情
  58. */
  59. @RequestMapping("/info/{id}")
  60. public R info(@PathVariable("id") Long id){
  61. ExamrecordEntity examrecord = examrecordService.selectById(id);
  62. return R.ok().put("data", examrecord);
  63. }
  64. /**
  65. * 前端详情
  66. */
  67. @RequestMapping("/detail/{id}")
  68. public R detail(@PathVariable("id") Long id){
  69. ExamrecordEntity examrecord = examrecordService.selectById(id);
  70. return R.ok().put("data", examrecord);
  71. }
  72. /**
  73. * 后端保存
  74. */
  75. @RequestMapping("/save")
  76. public R save(@RequestBody ExamrecordEntity examrecord, HttpServletRequest request){
  77. examrecord.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
  78. //ValidatorUtils.validateEntity(examrecord);
  79. examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
  80. examrecordService.insert(examrecord);
  81. return R.ok();
  82. }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号