项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
4.1管理员功能模块
管理员登录,通过填写注册时输入的用户名、密码、选择角色进行登录,如图4-1所示。
图4-1管理员登录界面图
管理员登录进入学生日常事务管理系统可以查看首页、个人中心、公告信息管理、学院管理、专业管理、班级管理、学生管理、教师管理、课程信息管理、学生选课管理、请假信息管理、课程成绩管理、学生总成绩管理、收支信息管理、计划安排管理、通讯录管理等信息进行详细操作,如图4-2所示。
图4-2管理员功能界面图
公告信息管理,在公告信息管理页面中可以对索引、公告标题、图片、发布日期等信息进行详情、修改或删除等操作,如图4-3所示。
图4-3公告信息管理界面图
学生管理,在学生管理页面中可以对索引、学号、学生姓名、性别、头像、学院、专业、班级、手机、邮箱等信息进行详情、总成绩、修改或删除等操作,如图4-4所示。
图4-4学生管理界面图
教师管理,在教师管理页面中可以对索引、教师工号、教师姓名、性别、照片、职称、联系电话等信息进行详情、修改或删除等操作,如图4-5所示。
图4-5教师管理界面图
课程信息管理,在课程信息管理页面中可以对索引、课程名称、课程类型、图片、年级、专业、学期、学分、发布日期、教师工号、教师姓名等信息进行详情,修改或删除等操作,如图4-6所示。
图4-6课程信息管理界面图
学生选课管理,在学生选课管理页面中可以对索引、课程名称、课程类型、年级、学期、专业、选课日期、教师工号、教师姓名、学号、学生姓名、班级、审核回复、审核状态等信息进行详情、修改或删除等操作,如图4-7所示。
图4-7学生选课管理界面图
请假信息管理,在请假信息管理页面中可以对索引、课程名称、年级、专业、学期、教师工号、教师姓名、请假原因、请假内容、开始时间、结束时间、学号、学生姓名、班级、审核回复、审核状态等信息进行详情、修改或删除等操作,如图4-8所示。
图4-8请假信息管理界面图
课程成绩管理,在课程成绩管理页面中可以对索引、课程名称、课程类型、年级、学期、考核成绩、评语、登记时间、教师工号、教师姓名、学号、学生姓名、班级等信息进行详情,修改或删除等操作;如图4-9所示。
图4-9课程成绩管理界面图
学生总成绩管理,在学生总成绩管理页面中可以对索引、学号、学生姓名、学院、专业、班级、年级、学期、总成绩、学分绩点、学期评语、登记日期等信息进行详情,修改或删除等操作;如图4-10所示。
图4-10学生总成绩管理界面图
收支信息管理,在收支信息管理页面中可以对类型、金额、费用说明、登记时间、学号、学生姓名等信息进行详情,修改或删除等操作;如图4-11所示。
图4-11收支信息管理界面图
计划安排管理,在计划安排管理页面中可以对索引、事项名称、计划完成时间、进度、更新时间、学号、学生姓名等信息进行详情,修改或删除等操作;如图4-12所示。
图4-12计划安排管理界面图
通讯录管理,在通讯录管理页面中可以对索引、姓名、联系电话、备注、学号、学生姓名等信息进行详情,修改或删除等操作;如图4-13所示。
图4-13通讯录管理界面图
4.2教师功能模块
教师登录进入系统可以查看首页、个人中心、公告信息管理、课程信息管理、学生选课管理、请假信息管理、课程成绩管理等内容进行详细操作,如图4-14所示。
图4-14教师功能界面图
学生选课管理,在学生选课管理页面中可以对索引、课程名称、课程类型、年级、学期、专业、选课日期、教师工号、教师姓名、学号、学生姓名、班级、审核回复、审核状态等信息进行详情、成绩等操作,如图4-15所示。
图4-15学生选课管理界面图
4.3学生功能模块
学生登录进入系统可以查看首页、个人中心、公告信息管理、课程信息管理、学生选课管理、请假信息管理、课程成绩管理、学生总成绩管理、收支信息管理、计划安排管理、通讯录管理等内容进行详细操作,如图4-16所示。
图4-16学生功能界面图
课程信息管理,在课程信息管理页面中可以对索引、课程名称、课程类型、图片、年级、专业、学期、学分、发布日期、教师工号、教师姓名等信息进行详情或选课等操作,如图4-17所示。
图4-17课程信息管理界面图
学生选课管理,在学生选课管理页面中可以对索引、课程名称、课程类型、年级、学期、专业、选课日期、教师工号、教师姓名、学号、学生姓名、班级、审核回复、审核状态等信息进行详情、请假、修改或删除等操作,如图4-18所示。
图4-18学生选课管理界面图