基于Vue.js的校园防疫微信小程序开发

一、技术路线：

开发语言：Java

使用框架：spring boot

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1gF411D7NL?t=67.8

三、运行截图：

本系统使用了java和mysql结合的结构开发了校园防疫微信小程序应用，系统中所有和数据库有关系的操作都通过一个通用类来实现，大大提高了代码的耦合性，当数据库类型等信息变化后直接修改类文件就可以了，不再需要每个页面都修改。另外本系统解决了中文的问题，也是在配置文件中添加了编码方式的形式解决的，本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里，这样对系统的所有数据库操作都只访问这个类就可以了，不要每个页面都去写数据库的操作，提高了系统的集成性。

3.1学生前端功能模块

学生登录，在登录页面填写账号、密码进行登录如图3-1所示。

图3-1学生登录界面图

学生登录到校园防疫微信小程序可以查看首页、公告栏、我的等内容，如图3-2所示。

图3-2首页功能界面图

公告栏，在公告栏页面可以查看公告标题、公告类型、发布时间、封面等信息进行提交，如图3-3所示。

图3-3公告栏界面图

在假期去向页面可以查看学号、姓名、性别、专业、班级、年级、假期计划、计划离校时间、计划回校时间、交通工具、家庭地址等信息，并可根据需要进行提交，如图3-4所示。

图3-4假期去向界面图

3.2辅导员前端功能模块

辅导员登录，在登录页面填写账号、密码进行登录如图3-5所示。

图3-5辅导员登录界面图

辅导员登录到校园防疫微信小程序可以查看首页、公告栏、我的等内容，如图3-6所示。

图3-6首页功能界面图

在公告栏，在公告栏页面可以查看公告标题、公告类型、发布时间、封面、公告内容等信息进行提交，如图3-7所示。

图3-7公告栏界面图

在用户信息页面可以查看辅导员工号、辅导员姓名、性别、学院、电话、邮箱、照片等信息，并可根据需要进行保存、退出登录，如图3-8所示。

图3-8用户信息界面图

3.3院书记前端功能模块

院书记登录，在登录页面填写账号、密码进行登录如图3-9所示。

图3-9院书记登录界面图

院书记登录到校园防疫微信小程序可以查看首页、公告栏、我的等内容，如图3-10所示。

图3-10首页功能界面图

在公告栏，在公告栏页面可以查看公告标题、公告类型、发布时间、封面、公告内容等信息进行提交，如图3-11所示。

图3-11公告栏界面图

在用户信息页面可以查看院书记工号、院书记姓名、性别、学院、电话、邮箱、照片等信息，并可根据需要进行保存、退出登录，如图3-12所示。

图3-12用户信息界面图

3.4分管院长前端功能模块

分管院长登录，在登录页面填写账号、密码进行登录如图3-13所示。

图3-13分管院长登录界面图

分管院长登录到校园防疫微信小程序可以查看首页、公告栏、我的等内容，如图3-14所示。

图3-14首页功能界面图

在离校申请，在离校申请页面可以查看学号、姓名、专业、学院、到达地点、开始时间、回校时间、紧急联系人、紧急联系人电话、附件、辅导员姓名、辅导员工号、离校理由等信息进行提交，如图3-15所示。

图3-15离校申请界面图

3.5管理员后端功能界面

管理员通过填写用户名、密码、角色进行登录如图3-16所示。

图3.16管理员登录界面图

学生管理，通过查看学号、姓名、性别、专业、班级、联系电话、邮箱、身份证等信息进行详情、修改操作，如图3-17所示。

图3.17学生管理界面图

专业管理，通过查看专业等信息进行详情、修改、删除操作，如图3-18所示。

图3-18专业管理界面图

辅导员管理，通过查看辅导员工号、辅导员姓名、性别、学院、电话、邮箱、照片、审核回复、审核状态等信息进行详情、修改、删除操作，如图3-19所示。

图3-19辅导员管理界面图

院书记管理，通过查看院书记工号、院书记姓名、性别、学院、电话、邮箱、照片、审核回复、审核状态 、审核等信息进行详情、修改、删除操作，如图3-20所示。

图3-20院书记管理如图所示。

分管院长管理，通过查看工号、姓名、性别、学院、电话、邮箱、照片、审核回复、审核状态 、审核等信息进行详情、修改、删除操作，如图3-21示。

图3-21分管院长管理界面图

教务处长管理，通过查看工号、姓名、性别、电话、邮箱、照片、审核回复、审核状态 、审核等信息进行详情、修改、删除操作，如图3-22所示。

图3-22教务处长管理界面图

主管校领导管理，通过查看工号、姓名、性别、电话、邮箱、照片、审核回复、审核状态 、审核等信息进行详情、修改、删除操作，如图3-23所示。

图3-23主管校领导管理界面图

假期去向管理，通过查看学号、姓名、性别、专业、班级、年级、假期计划、计划离校时间、计划回校时间、交通工具、家庭地址等信息进行详情、修改、删除操作，如图3-24所示。

图3-24假期去向管理界面图

获奖情况管理，通过查看学号、姓名、专业、性别、班级、获奖证书名、获奖时间、附件等信息进行详情、修改、删除操作，如图3-25所示。

图3-25获奖情况管理界面图

公告栏管理，通过查看公告标题、公告类型、发布时间、封面等信息进行详情、修改、删除操作，如图3-26所示。

图3-26公告栏管理界面图