第5章 系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1se411Z7MH/
三、运行截图:
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在线论坛管理
管理员在在线论坛管理页面可以获取帖子标题、父节点id、用户id、用户名、状态等信息并根据需要进行查看、删除、修改等操作。在线论坛管理效果如下图所示3-5所示
图3-5在线论坛管理界面图
3.2.5试卷管理
管理员在试卷管理页面可以获取试卷名称、考试时长(分钟)、试卷状态等信息并根据需要进行查看、删除、修改等操作,试卷管理效果如下图所示3-6所示
图3-6试卷管理界面图
3.2.6试题管理
管理员在试题管理页面可以获取试卷、试题、类型、答案、分数等信息并根据需要进行删除、修改等操作,试题管理效果如下图所示3-7所示
图3-7试题管理界面图
3.2.7励志文章管理
管理员在励志文章管理页面获取标题、简介、图片等信息进行查看或修改、删除等 操作,励志文章管理效果如下图所示3-8所示
图3-8励志文章管理界面图
3.3学生功能模块
3.3.1学生功能
学生在学生综合素质测评系统页面可以查看个人中心、我的学习管理、我的收藏管理、考试管理等内容,如图3-9所示
图3-9学生功能界面图
3.3.2我的学习管理
学生在我的学习管理页面可以获取学号、姓名、编号、标题、时间等信息并进行查看等操作。我的学习管理效果如下图所示3-10所示
图3-10我的学习管理界面图
3.3.3错题本
学生在错题本页面可以获取用户ID、试卷、试题、分值、正确答案、考生答案、试题分析、考试时间等信息并进行删除等操作。错题本效果如下图所示3-11所示。
图3-11错题本界面图
3.4前台首页功能模块
3.3.1学生综合素质测评系统,在系统首页可以查看首页、素质学习、论坛信息、试卷列表、新闻资讯、我的、跳转到后台等内容,如图3-12所示。
图3-12前台首页功能界面图
3.3.2学生登录、学生注册,在注册页面可以填写学号、密码、姓名、年龄、院系、电话、邮箱等信息进行注册、登录,如图3-13所示。
图3-13学生注册、学生登录界面图
3.3.3素质学习,在素质学习页面可以获取编号、标题、图片、作者、简介等信息进行完成或点我收藏,如图3-14所示。在个人中心页面通过填写学号、密码、姓名、性别、年龄、院系、电话、邮箱、照片等信息进行更新信息、退出登录操作,如图3-15所示。
图3-14素质学习界面图
图3-15个人中心界面图