5系统详细设计
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Ve411Z7vm/
三、运行截图：
本系统使用了微信开发者结合java和mysql结合的结构开发了心理健康教育系统应用，系统中所有和数据库有关系的操作都通过一个通用类来实现，大大提高了代码的耦合性，当数据库类型等信息变化后直接修改类文件就可以了，不再需要每个页面都修改。另外本系统解决了中文的问题，也是在配置文件中添加了编码方式的形式解决的，本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里，这样对系统的所有数据库操作都只访问这个类就可以了，不要每个页面都去写数据库的操作，提高了系统的集成性。
5.1 登录
管理员输入个人的账号、密码、角色登录系统，这时候系统的数据库就会在进行查找相关的信息，如果我们输入的账号、密码不正确，数据库就会提示出错误的信息提示，同时会提示管理员重新输入自己的账号、密码，直到账号密码输入成功后，会提登录成功的信息。网站管理员登录效果图如图5-1所示：
图5-1登录界面
5.2 管理员功能模块
首页：管理员在首页查看首页、个人中心、学生管理、咨询师管理、文章信息管理、预约信息管理、测试题目管理、测试信息管理、测试结果管理、留言板管理、我的收藏管理、系统管理等。程序成效图如下图5-2所示:
图5-2首页界面图
学生管理：管理员对学生信息管理进行查看学号、密码、姓名、性别、头像、身份证、手机等信息进行删除、修改以及查看等操作。程序成效图如下图5-3所示:
图5-3学生理界面
咨询师管理：管理员对咨询师进行查看添加账号、密码、咨询师姓名、性别、头像、电话、等级、个人简介等信息进行删除、修改以及查看等操作。程序成效图如下图5-4所示:
图5-4咨询师管理界面
预约信息管理：管理员可以对预约信息管理查看详情可进行修改、删除等操作。程序效果图如下图5-5所示：
图5-5预约信息管理界面
测试题目管理：管理员可以对测试题目查看详情可进行修改、删除等操作。程序效果图如下图5-6所示：
图5-6测试题目管理界面
系统管理：管理员通过系统管理页面查看轮播图管理等进行上传图片进行添加、删除、修改以及查看并对整个系统进行维护等操作。程序效果图如下图5-7所示：
图5-7系统管理界面
5.3 咨询师功能模块
咨询师输入个人的账号、密码、角色登录系统，这时候系统的数据库就会在进行查找相关的信息，如果我们输入的账号、密码不正确，数据库就会提示出错误的信息提示，同时会提示咨询师重新输入自己的账号、密码，直到账号密码输入成功后，会提登录成功的信息。。登陆效果图如下图5-8所示：
图5-8登陆界面图
个人中心：咨询师进入个人信息可以查看账号、密码、咨询师姓名、性别、头像、电话、等级、个人简介等信息，并可以进行查看详情、删除等操作。程序效果图如下图5-9所示：
图5-9个人信息界面
测试题目管理：询师进入测试题目可以进行查看详情、修改、删除等操作。程序效果图如下图5-10所示。
图5-10测试题目管理界面图
测试信息管理：询师进入测试信息管理可以进行查看详情、测试结果、修改、删除等操作。程序效果图如下图5-11所示。
图5-11测试信息管理界面图
5.4 前台功能模块
学生登陆：学生通过填写学号、密码完成后选择登录，如图5-12所示。
图5-12学生登陆界面图
首页，通过前台首页查看首页、咨询师、首页、文章信息、测试题目、留言反馈、个人中心、后台管理，如图5-13所示。
图5-13首页界面图
个人中心：学生通过个人信息页面查看学号、密码、姓名、性别、头像、身份证、手机等信息可进行添加、修改、删除操作，如图5-14所示。
图5-14个人中心界面图
咨询师：学生通过页面查看咨询师信息可进行预约操作，如图5-15所示。
图5-15咨询师界面图
文章信息：学生通过首页查看文章信息，可进行收藏、评论操作。程序效果图如下图5-16所示：
图5-16文章信息界面图
5.5 学生功能模块
首页，学生进入后台页面查看首页、个人中心、预约信息管理、测试信息管理、测试结果管理、留言板管理、我的收藏管理等信息。程序效果图如下图5-17所示：
图5-17首页界面图
个人信息：学生进入个人信息可以查看学号、密码、姓名、性别、头像、身份证、手机等等信息，并可以进行查看详情、修改、删除等操作。程序效果图如下图5-18所示：
图5-18个人信息界面
预约信息管理：学生在预约信息管理页面可以查看预约详情内容，并进行删除操作。程序效果图如下图5-19所示：
图5-19 预约信息管理界面图
我的收藏管理：在收藏管理页面可以查看收藏ID 表名 收藏名称、收藏图片等等内容，并进行删除或查看等操作。程序效果图如下图5-20所示：
图5-20考试管理界面图
1