项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
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-1所示。
图5-1管理员登录界面图
5.1管理员功能模块
管理员登录系统后,可以对首页,个人中心,学院管理,班级管理,班主任管理,学生会管理,书记管理,学生管理,个人考勤管理,寝室评分管理,班主任评选管理,学生会评选管理等功能进行相应的操作管理,如图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-11所示。
图5-11班主任评选管理界面图
学生会评选管理,在学生会评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选规则,评选日期,账号,统计报表等内容进行查询详情,修改和删除等操作,如图5-12所示。
图5-12学生会评选管理界面图
5.2班主任功能模块
班主任登录进入系统可以对首页,个人中心,学生管理,个人考勤管理,寝室评分管理,班主任评选管理等功能进行相应操作,如图5-13所示。
图5-13班主任功能界面图
个人中心,在个人信息页面通过填写教师工号,教师姓名,性别,照片,学院,班级,职称,联系方式等内容进行个人信息修改操作,如图5-14所示。
图5-14个人中心界面图
学生管理,在学生管理页面可以对索引,学号,姓名,性别,头像,手机,学院,班级,楼号,房号,教师工号,教师姓名,新增等内容进行查询,详情和评选优秀等操作,如图5-15所示。
图5-15学生管理界面图
寝室评分管理,在寝室评分管理页面可以对索引,学号,姓名,班级,手机,楼号,房号,寝室评分,教师工号,日期,统计报表等内容进行查询,详情等操作,如图5-16所示。
图5-16寝室评分管理界面图
班主任评选管理,在班主任评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选结果,评选日期,教师工号等内容进行查询,详情等操作,如图5-17所示
图5-17班主任评选管理界面图
5.3学生会功能模块
学生会登录进入系统可以对首页,个人中心,学生管理,个人考勤管理,寝室评分管理,班主任评选管理,学生会评选管理等功能进行相应操作,如图5-18所示。
图5-18学生会功能界面图
个人中心,在个人信息页面通过填写账号,名称,照片,负责人,联系电话等内容进行个人信息修改操作,如图5-19所示。
图5-19个人中心界面图
学生管理,在学生管理页面可以对索引,学号,姓名,性别,头像,手机,学院,班级,楼号,房号,教师工号,教师姓名等内容进行查询,详情和学生会评分等操作,如图5-20所示。
图5-20学生管理界面图
个人考勤管理,在个人考勤管理页面可以对索引,学号,姓名,班级,手机,考勤类型,考勤时间,考勤备注,教师工号,教师姓名,审核回复,审核状态等内容进行查询,详情等操作,如图5-21所示。
图5-21个人考勤管理界面图
寝室评分管理,在寝室评分管理页面可以对索引,学号,姓名,班级,手机,楼号,房号,寝室评分,教师工号,日期等内容进行查询,详情等操作,如图5-22所示。
图5-22寝室评分管理界面图
班主任评选管理,在班主任评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选结果,评选日期,教师工号等内容进行查询,详情等操作,如图5-23所示。
图5-23班主任评选管理界面图
学生会评选管理,在学生会评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选规则,评选日期,账号等内容进行查询,详情等操作,如图5-24所示。
图5-24学生会评选管理界面图
5.4书记功能模块
书记登录进入系统可以对首页,个人中心,寝室评分管理,班主任评选管理,学生会评选管理等功能进行相应操作,如图5-25所示。
图5-25书记功能界面图
个人中心,在个人信息页面通过填写书记账号,书记姓名,头像,学院,性别,联系电话等内容进行个人信息修改操作,如图5-26所示。
图5-26个人中心界面图
寝室评分管理,在寝室评分管理页面可以对索引,学号,姓名,班级,手机,楼号,房号,寝室评分,教师工号,日期,统计报表等内容进行查询,详情等操作,如图5-27所示。
图5-27寝室评分管理界面图
班主任评选管理,在班主任评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选结果,评选日期,教师工号等内容进行查询,详情等操作,如图5-28所示。
图5-28班主任评选管理界面图
学生会评选管理,在学生会评选管理页面可以对索引,学号,姓名,学院,班级,考勤评分,寝室评分,综合评分,评选规则,评选日期,账号,统计报表等内容进行查询,详情等操作,如图5-29所示。
图5-29学生会评选管理界面图
5.5学生功能模块
学生登录进入系统可以对首页,个人中心,个人考勤管理,寝室评分管理,班主任评选管理,学生会评选管理等功能进行相应操作,如图5-30所示。
图5-30学生功能界面图
个人中心,在个人信息页面通过填写学号,姓名,性别,头像,手机,学院,班级,楼号,房号,教师工号,教师姓名等内容进行个人信息修改操作,如图5-31所示。
图5-31个人中心界面图
个人考勤管理,在个人考勤管理页面可以对索引,学号,姓名,班级,手机,考勤类型,考勤时间,考勤备注,教师工号,教师姓名,审核回复,审核状态,新增等内容进行查询,详情等操作,如图5-32所示。
图5-32个人考勤管理界面图