# 在线考试系统

**Repository Path**: chajiuqqq/examinaction-system

## Basic Information

- **Project Name**: 在线考试系统
- **Description**: 考试系统
1.管理员可以建立若干的老师和学生帐户；
2.每个老师登录后，可以出题，题目仅有选择题一种类型，且所有的题目都是单选题，老师录入题目的同时，还要录入正确答案，录入题目的过程中，老师随时可以按保存按钮保存， 除了录入题目，还有录入该考试的开始时间，结束时间；
3.学生登录后，可以看到试卷的名称，但是没有到考试时间的时候，学生无法看到考卷内容；
4.到达考试时间后，学生点开考卷，可以看到考卷内容，进行答题，并且必须在考试结束以前提及考卷，否则系统不再接受该同学提交的试卷；
5.考试结束后，系统自动判分，按成绩高低排名；
试卷分析：出卷老师登录系统后，可以看到该试卷参考人数，平均分，各分数人数分布， 每道题目回答的正确率；
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2021-07-03
- **Last Updated**: 2021-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ExaminactionSystem

#### 介绍
考试系统  
1.管理员可以建立若干的老师和学生帐户；  
2.每个老师登录后，可以出题，题目仅有选择题一种类型，且所有的题目都是单选题，老师录入题目的同时，还要录入正确答案，录入题目的过程中，老师随时可以按保存按钮保存， 除了录入题目，还有录入该考试的开始时间，结束时间；  
3.学生登录后，可以看到试卷的名称，但是没有到考试时间的时候，学生无法看到考卷内容；  
4.到达考试时间后，学生点开考卷，可以看到考卷内容，进行答题，并且必须在考试结束以前提及考卷，否则系统不再接受该同学提交的试卷；  
5.考试结束后，系统自动判分，按成绩高低排名；试卷分析：出卷老师登录系统后，可以看到该试卷参考人数，平均分，各分数人数分布， 每道题目回答的正确率；  
#### 软件架构
基于B/S架构的小花在线考试系统的设计与实现，通过前后端分离技术(Vue)和Tomcat服务器搭建一个在线考试系统的设计与实现

#### 安装教程
前端快捷安装：前端开发基于Vue+WebPack|
:--|
1.需要先安装node.js环境,因为webpack依赖于node.js，node.js去[官网](https://nodejs.org/zh-cn/)上直接下载|
2.安装好了node.js后会有两个命令，可以使用node -v 或 npm -v 查看是否安装成功和安装的命令版本 我的是npm是6.14.7，nodejs是v12.10.0|
3.我们将使用npm命令进行webpack的安装，在安装之前 ，我们要写将npm命令进行一些操作，因为npm是一个下载器，他的下载都是在国外的资源库去下载的，所以会很慢，我们就要用npm下载一个叫 nrm 的命令，该命令只有一个作用，那就是更改npm命令的下载地址（镜像地址）|
npm i nrm -g| 
nrm ls|
npm -------- https://registry.npmjs.org/|
yarn ------- https://registry.yarnpkg.com/|
cnpm ------- http://r.cnpmjs.org/|
taobao ----- https://registry.npm.taobao.org/|
nj --------- https://registry.nodejitsu.com/|
npmMirror -- https://skimdb.npmjs.com/registry/|
edunpm ----- http://registry.enpmjs.org/|
nrm use 地址名称 （(nrm use taobao)|
5.以上都是运行环境搭建|
6.下面将进行webpack的全局安装，必需要全局安装，不然在项目中就无法使用webpack的这个命令|
7.使用上面安装npm命令进行webpack的全局安装  ==>  npm i webpack@4.41.0 -g |
    * 注意 如果是这样安装的webpack那就将是最新版的webpack（4.x）以上 ，官方要求我们安装一个手脚架 webpack-cli  我们依然采用全局安装  => npm i webpack-cli@3.3.9 -g
完成以环境搭配后终端运行|
:--|
8.npm i webpack@4.44.1 css-loader@4.3.0 file-loader@6.1.0 html-webpack-plugin@4.5.0 node-sass@5.0.0 sass-loader@10.1.0 scss-loader@0.0.1 style-loader@1.2.1 url-loader@4.1.1 vue@2.6.10 vue-loader@15.9.5 vue-resource@1.5.1 vue-router@3.4.3 vue-template-compiler@2.6.10 webpack@4.44.1 webpack-cli@3.3.12 webpack-dev-server@3.11.0 vuex@3.1.1 vuex-along@1.2.11 -D|
9.npm i jquery@3.5.1 element-ui@2.14.1 localforage@1.9.0 xlsx@0.16.9 font-awesome@4.7.0 -S|
10.终端运行 npm run dev|

#### 概要设计
    系统功能图

![系统功能图](https://gitee.com/sansuixiaoxianxian/examinaction-system/raw/master/SystemImg/systemFunctionDiagram.jpg)

    系统管理员功能图
![系统管理员功能图](https://gitee.com/sansuixiaoxianxian/examinaction-system/raw/master/SystemImg/systemAdmin.jpg)

    用户登录流程图
![用户登录流程图](https://gitee.com/sansuixiaoxianxian/examinaction-system/raw/master/SystemImg/userLogin.jpg)

	

#### 其它
VsCode安装Markdown Theme Kit插件可实现md文件实时预览(ctrl+shift+v)

服务端：JDK1.8 + Springboot2.5 + Java + Mybatis 2.2.0+Redis2.6.  
前端：Vue+ Jquery +Webpck+ElementUI+npm.  
数据库：MySQL 8.0