【附源码】在线考试系统---java+vue前后端分离

【附源码】在线考试系统

作者:鲤鱼乡
转载文章及源码:https://github.com/mindskip/xzs-mysql

  • 项目介绍
    • 开源版使用须知
    • 演示地址
    • 学生系统功能
    • 管理系统功能
    • 小程序功能
    • 系统展示
  • 获取源代码

项目介绍

学之思在线考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持web端和微信小程序,能覆盖到pc机和手机等设备。

开源版使用须知

  • 仅用个人学习。 商用请购买授权
  • 禁止将本项目的代码和资源进行任何形式的出售,产生的一切任何后果责任由侵权者自负

演示地址

学生系统功能

  • 登录、注册:注册时要选年级,过滤不同年级的试卷, 账号为student/123456
  • 首页:任务中心、固定试卷、时段试卷、可以能做的一部分试卷
  • 试卷中心:包含了所有能做的试卷,按学科来过滤和分页
  • 考试记录:所有的试卷考试记录在此处分页,可以查看试卷结果、用时、得分、自行批改等
  • 错题本:所有做错的题目,可以看到做题的结果、分数、难度、解析、正确答案等
  • 个人中心:个人日志记录
  • 消息:消息通知
  • 试卷答题和试卷查看:展示出题目的基本信息和需要填写的内容

管理系统功能

  • 登录:账号为:admin/123456

  • 主页:包含了试卷、题目、做卷数、做题数、用户活跃度的统计功能,活跃度和做题数是按月统计

  • 用户管理:对不同角色 学生、管理员 的增删改查管理功能

  • 卷题管理:
    1.试卷列表:试卷的增删改查,新增包含选择学科、试卷类型、试卷名称、考试时间,试卷内容包含添加大标题,然后添加题目到此试卷中,组成一套完整的试卷

    2.题目列表:题目的增删改查,目前题型包含单选题、多选题、判断题、填空题、简单题,支持图片、公式等。

  • 任务管理:对任务进行修改

  • 教育管理:对不同年级的学科进行增删改查

  • 答卷管理:查看学生成绩

  • 消息中心:可以对多个用户进行消息发送

  • 日志中心:用户的基本操作进行日志记录,了解用户使用过情况

小程序功能

  • 用户登录登出功能,登录会自动绑定微信账号,登出会解绑
  • 首页包含任务中心、固定试卷、时段试卷、推送试卷模块,和web端保持一致
  • 试卷模块,固定试卷和时段试卷的分页查询,下拉加载更多,上拉刷新当前数据
  • 记录模块,考试结果的分页,包含了试卷基本信息
  • 我的模块,包含个人资料的修改,个人动态,消息中心模块

后台系统:

  • spring-boot 2.1.6.RELEASE
  • spring-boot-security 用户登录验证
  • undertow web容器
  • postgresql/mysql 优秀的开源数据库
  • redis 缓存,提升系统性能
  • mybatis 数据库中间件
  • hikari 速度最快的数据库连接池
  • 七牛云存储 目前10G内免费

前台系统:

  • Vue.js 采用新版,使用了vue-cli3搭建的系统,减少大量配置文件
  • element-ui 最流行的vue组件,采用的最新版
  • vue-element-admin 最新版,对该系统做了大量精简,只保留了部分样式和控件
  • echarts 图表统计
  • ueditor 填空题扩展插件

使用教程

  1. redis 安装
  2. 进群获取到数据库脚本,创建表初始化数据
  3. /uexam/source/xzs为后台代码,建议使用IntelliJ
    IDEA打开,在application-dev.yml文件中,配置好postgesql/mysql、redis的服务地址,打开XzsApplication文件编译运行,默认端口为8000。
  4. 学生系统地址:http://localhost:8000/student
  5. 管理端地址:http://localhost:8000/admin

软件架构图

在这里插入图片描述
系统展示

  • 学生考试系统
    在这里插入图片描述在这里插入图片描述
  • 小程序考试系统
    在这里插入图片描述
  • 后台管理系统
    在这里插入图片描述
    在这里插入图片描述
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该学生成绩信息管理系统涉及到学生、教师、系统管理员、班级、学生成绩、课程。设置一个系统管理员对系统进行管理。所有用户需输入账号、密码登录进入系统;管理员进入系统后可对学生、老师、班级、课程进行增删改查操作;学生进入系统,查看成绩、查看和修改自己的信息;老师进入系统后,对自己这门课程的学生设置课程成绩、查看和修改自己的信息,查看学生的信息和成绩、以及统计分析学生的成绩; 管理员为班级设置年级,为年级设置课程,为班级的每门课程设置老师,为学生设置班级。一个年级有多门课程(语文、数学、外语等等),班级的每门课程只能有一名老师,一个老师可以有多门课程;老师选择自己这门课程为该课程的学生登记成绩。老师可以查看其他老师的信息(可以当成是老师的通讯录),查看本课程学生的信息和成绩;学生可以查看班级其他同学的信息(可以看成是班级的同学录)。 考试分为两种,一种是年级统考,一种是平时考试。年级统考需要管理员事先添加一次年级统考,考试成绩出来后,老师进入系统选择该次考试为学生登记成绩。平时考试则是班级平时的考试,老师添加考试信息,登记成绩。成绩统计分析则是针对年级统考进行分析,主要涉及各学科分数名次,总分名次。 技术实现 系统环境:Windows开发工具:IDEAJava版本:JDK 1.8服务器:Tomcat 1.8数据库:MySQL 5.X系统采用技术:Servlet+Jsp+Jdbc+H-ui+EasyUI+jQuery+Html+Css+Ajax 系统功能系统主要分为三种用户角色,分别是管理员、老师以及学生,其具体功能如下: - 管理员   学生信息管理、教师信息管理、年级信息管理、班级信息管理、课程信息管理、考试信息管理,系统参数设置 - 老师   教学管理、教师个人信息维护、教师通讯录管理 - 学生考试成绩查询、学生通讯录、学生个人信息维护 运行截图 登录界面: 管理员界面: 考试列表:  成绩统计: 学生信息管理: 教师信息管理: 年级、班级信息管理:  系统设置: 教师界面:  成绩登记:  教师通讯录: 个人信息:  学生界面: 学生成绩查询: 班级通讯录: 学生个人信息:              
Flask和Vue是两种流行的开框架,可以在Web应用开发中使用。Flask是一个Python微框架,用于构建简单而灵活的Web应用。它提供了丰富的扩展库,可用于处理数据库、用户认证、路由等功能。Vue是一个JavaScript框架,用于构建用户界面。它提供了现代化的开发方式,使开发者能够轻松地创建功能丰富的单页面应用。 角色权限管理是在应用中实现用户权限控制的一种方式。它允许管理员为不同的用户分配不同的角色,然后根据角色的权限限制用户的访问和操作。例如,管理员可以将某个用户分配为普通用户,而另一个用户分配为管理员。 在Flask和Vue中,可以使用不同的开库来实现角色权限管理。对于Flask,可以使用Flask-Login和Flask-Principal等扩展,来处理用户认证和权限验证。Flask-Login允许开发者轻松地处理用户的登录和注销操作,并提供了一些装饰器来限制特定视图函数的访问。而Flask-Principal则允许开发者定义角色和权限,并在视图函数中使用装饰器来限制用户的访问。 对于Vue,可以使用vue-router来管理不同页面的访问权限。在路由定义中,可以为不同的路由配置需要的角色和权限,然后通过导航守卫来限制用户的访问。导航守卫可以在用户切换路由前进行拦截,根据用户的角色和权限进行验证和跳转。 综上所述,Flask和Vue是两种强大的开框架,可以结合使用来实现角色权限管理。通过使用适合的扩展和库,开发者能够轻松地实现用户认证和权限控制,从而创建安全可靠的Web应用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值