# 高校教学考试成绩管理系统

**Repository Path**: grx330/exam-system

## Basic Information

- **Project Name**: 高校教学考试成绩管理系统
- **Description**: 课设项目：高校教学考试成绩管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-09-09
- **Last Updated**: 2025-02-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

web - 前端代码

server - 后端代码

## 项目介绍

系统为管理员、教师和学生三个角色，各个角色的权限如下：

![image-20230902235643722](./READMEimg/8.png)

数据库设计如下：

![](./READMEimg/9.png)

## 项目展示

<table>
    <tr>
        <td><img src="./READMEimg/10.png"/></td>
        <td><img src="./READMEimg/11.png"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/12.png"/></td>
        <td><img src="./READMEimg/13.png"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/14.png"/></td>
        <td><img src="./READMEimg/15.png"/></td>
    </tr>
	<tr>
        <td><img src="./READMEimg/16.png"/></td>
        <td><img src="./READMEimg/17.png"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/18.png"/></td>
        <td><img src="./READMEimg/19.png"/></td>
    </tr>
    <tr>
        <td><img src="./READMEimg/20.png"/></td>
        <td><img src="./READMEimg/21.png"/></td>
    </tr>
</table>

## 启动指南

### 数据库：

mongoDB的安装配置建议看：

[09-MongoDB6.0的安装「2023年」 | AI悦创-Python一对一辅导 (bornforthis.cn)](https://bornforthis.cn/column/crawler/supplement/mongodb-install.html)

1.在命令提示符窗口输入“mongod --dbpath=数据库路径”创建数据库（无数据）

![image-20230902235643722](./READMEimg/1.jpg)

2.插入一条管理员的数据

​	2.1打开MongoDB Shell（在键盘上按 window + R 打开运行窗口，输入 cmd，弹出命令提示符窗口，在命令提示符窗口输入“mongod”，弹出内容后继续输入“mongosh”即可进入MongoDB Shell）

​	2.2将以下代码复制到Shell中：


```
	use('exam-system');
```

```
	db.getCollection('users').insertOne({
		"username":114514,
 		"password":"123456",
 		"name": "管理员姓名",
		"role":1
	});
```

​	2.3能在可视化工具中看到刚刚插入的数据则为成功

![image-20230902235643722](./READMEimg/2.jpg)

（对于数据库的可视化，这里我用的是VSCode的插件，不算好用，但胜在容易安装，也可以用其他的可视化工具来插入数据）

![image-20230903001245895](./READMEimg/3.jpg)

### 前端

需要更改的地方：

根据个人需求修改学期和日期

![image-20230903001245895](./READMEimg/6.png)

![image-20230903001245895](./READMEimg/7.png)

（0.没安装yarn的同学先输入"npm i yarn -g"进行安装）

1.输入“yarn add”安装依赖包

2.输入“yarn serve”启动

### 后端

需要更改的地方：

Exam-system\server\controllers\MailController.js

![image-20230903001245895](./READMEimg/4.jpg)

邮箱授权码获取教程：

[QQ邮箱授权码如何获取-百度经验 (baidu.com)](https://jingyan.baidu.com/article/ac6a9a5eb439f36b653eacc0.html)

![image-20230903001245895](./READMEimg/5.jpg)

（更改完后即可使用邮件功能）

1.输入“npm i”安装依赖包

2.输入“npm start”启动