第5章 系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1MC4y117SV/
三、运行截图：
3.1登录模块的实现
系统登录模块后台登录模块，为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码单击“登录”按钮后才能够进入本系统的主界面。
管理员登录流程图如下所示。
管理员登录流程图
3.2管理员功能模块
管理员通过输入用户名，密码、角色信息进行系统登录，效果如下图所示3-1所示
图3-1管理员登录界面
3.2.1学生管理
管理员对学生管理获取学号、学生姓名、性别、院系班级、手机号码、个人头像等一些基本信息的详情、删除和修改。学生管理效果如下图所示3-2所示
图3-2 学生管理界面
3.2.2老师管理
管理员对老师管理获取工号、老师姓名、性别、所属院系、联系手机、个人头像等一些基本信息的详情、删除和修改。老师管理效果如下图所示3-3所示
图3-3 老师管理界面
3.2.3作业信息管理
管理员对作业信息管理获取作业名称、所属科目、作业文件、发布日期、完成日期、工号、老师姓名等一些基本信息的详情、删除和修改。作业信息管理效果如下图所示3-4所示
图3-4 作业信息管理界面
3.2.4作业提交管理
管理员通过作业提交管理页面查看作业名称、所属科目、学生作业、提交日期、学号、学生姓名、院系班级、工号、老师姓名等进行详情、删除、修改等操作。作业提交管理效果如下图所示3-5所示
图3-5作业提交管理界面
3.2.5作业批改管理
管理员通过作业批改管理页面查看作业名称、所属科目、学生作业、评分、批改日期、学号、学生姓名、院系班级、工号、老师姓名等信息进行详情或修改删除，作业批改管理效果如下图所示3-6所示
图3-6作业批改管理界面
3.3学生功能模块
3.3.1学生登录
学生通过输入学号，密码，角色等信息进行系统登录，如图3-7所示。
图3-7学生登录界面图
3.3.2作业信息管理
学生对作业信息管理查看作业名称、所属科目、作业文件、发布日期、完成日期、工号、老师姓名并进行详情、提交作业等操作。作业信息管理效果如下图所示3-8所示
图3-8作业信息管理界面图
3.3.3个人信息
在个人信息页面可以通过查看学号、学生姓名、性别、院系班级、手机号码、个人头像等内容并进行修改。个人信息效果如下图所示3-9所示
。
图3-9个人信息界面图
3.3.4作业批改管理
在作业批改管理页面可以通过查看作业名称、所属科目、学生作业、评分、批改日期、学号、学生姓名、院系班级、工号、老师姓名等内容并进行详情。作业批改管理效果如下图所示3-10所示
。
图3-10作业批改管理界面图
3.4老师功能模块
3.3.1老师登录
老师通过输入工号，密码，角色等信息进行系统登录，如图3-11所示。
图3-11老师登录界面图
3.3.2个人信息
老师对个人信息查看工号、老师姓名、性别、所属院系、联系手机、个人头像并进行修改等操作。个人信息效果如下图所示3-12所示
图3-12个人信息界面图
3.3.3作业信息管理
在作业信息管理页面可以通过查看作业名称、所属科目、作业文件、发布日期、完成日期、工号、老师姓名等内容并进行详情、修改、删除。作业信息管理效果如下图所示3-13所示
。
图3-13作业信息管理界面图
3.3.4作业提交管理
在作业提交管理页面可以通过查看作业名称、所属科目、学生作业、提交日期、学号、学生姓名、院系班级、工号、老师姓名等内容并进行详情、批改作业。作业提交管理效果如下图所示3-14所示
。
图3-14作业提交管理界面图
3.3.5作业批改管理
在作业批改管理页面可以通过查看作业名称、所属科目、学生作业、评分、批改日期、学号、学生姓名、院系班级、工号、老师姓名等内容并进行详情。作业批改管理效果如下图所示3-15所示
图3-15作业批改管理界面图