计算机毕业设计Node.js+Vue大学请假管理系统（程序+源码+LW+部署)

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行

环境配置：
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署

5系统实现

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-8所示。

 

图5-8学生请假管理界面图

领导审批管理，在领导审批管理页面可以对索引、学号、姓名、起始时间、结束时间、请假天数、主任账号、主任姓名、辅导账号、辅导姓名、领导姓名、审核回复，审核状态等内容进行详情和删除等操作；如图5-9所示。

 

图5-9领导审批管理界面图

学生销假管理，在学生销假管理页面可以对索引、学号、姓名、图片、销假时间、主任账号、主任姓名、审核回复，审核状态等内容进行详情和删除操作，如图5-10所示。

 

图5-10学生销假管理界面图

5.3学生功能模块

学生登录进入系统可以对首页、个人中心、学院信息管理、学生请假管理、辅导员审批管理、领导审批管理、学生销假管理等功能进行相应操作，如图5-11所示。

 

图5-11学生功能界面图

个人中心；在个人中心页面通过填写学号、姓名、年龄、性别、头像、手机、照片等内容进行个人信息修改操作；如图5-12所示。

 

图5-12个人中心界面图

5.4班主任功能模块

班主任登录进入系统可以对首页、个人中心、学生管理、学院信息管理、自然班管理、行政班管理、学生请假管理、辅导员审批管理、领导审批管理、学生销假管理等功能进行相应操作，如图5-13所示。

 

图5-13班主任功能界面图

5.5辅导员功能模块

辅导员登录进入系统可以对首页、个人中心、学生管理、班主任管理、学院信息管理、自然班管理、行政班管理、辅导员审批管理、领导审批管理、学生销假管理等功能进行相应操作，如图5-14所示。

 

图5-14辅导员功能界面图

5.6学院领导功能模块

学院领导登录进入系统可以对首页、个人中心、学生管理、班主任管理、辅导员管理、学院信息管理、自然班管理、行政班管理、领导审批管理、学生销假管理等功能进行相应操作，如图5-15所示。

 

图5-15学院领导功能界面图

Node.js毕设帮助，指导，源码获取，调试部署