打造高校心理教育辅导系统：SpringBoot + Vue的前后端分离实践

博主主页：猫头鹰源码

博主简介：Java领域优质创作者、****博客专家、公司架构师、全网粉丝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

部分截图说明：

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

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

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

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

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

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

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

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

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

部分代码：

   /**
     * 考试记录接口
     */
    @RequestMapping("/groupby")
    public R page2(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
    	}

        EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
		PageUtils page = examrecordService.queryPageGroupBy(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
    	}
        EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
		PageUtils page = examrecordService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,ExamrecordEntity examrecord, HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
    	}
        EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
		PageUtils page = examrecordService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, examrecord), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( ExamrecordEntity examrecord){
       	EntityWrapper<ExamrecordEntity> ew = new EntityWrapper<ExamrecordEntity>();
      	ew.allEq(MPUtil.allEQMapPre( examrecord, "examrecord")); 
        return R.ok().put("data", examrecordService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ExamrecordEntity examrecord){
        EntityWrapper< ExamrecordEntity> ew = new EntityWrapper< ExamrecordEntity>();
 		ew.allEq(MPUtil.allEQMapPre( examrecord, "examrecord")); 
		ExamrecordView examrecordView =  examrecordService.selectView(ew);
		return R.ok("查询考试记录表成功").put("data", examrecordView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        ExamrecordEntity examrecord = examrecordService.selectById(id);
        return R.ok().put("data", examrecord);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        ExamrecordEntity examrecord = examrecordService.selectById(id);
        return R.ok().put("data", examrecord);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody ExamrecordEntity examrecord, HttpServletRequest request){
    	examrecord.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(examrecord);
    	examrecord.setUserid((Long)request.getSession().getAttribute("userId"));
        examrecordService.insert(examrecord);
        return R.ok();
    }
    

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

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