# 学生测评系统

**Repository Path**: callitaday/student-evaluation-system

## Basic Information

- **Project Name**: 学生测评系统
- **Description**: 敏捷小组合作项目——学生测评系统
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2023-04-26
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 学生测评系统

#### 介绍
敏捷小组合作项目——学生测评系统
本软件是基于Vue和SpringBoot的学生综合素质评价系统，包含了学生端、评委端和学工端，对学生的学习情况、实践情况和科研情况等各个维度指标进行评价，最终综合得出一个分数。本系统包括了权限控制、数据导入输出、数据展示和修改等多个功能。

#### 仓库地址
https://gitee.com/callitaday/student-evaluation-system.git

#### 系统部署说明

当部署基于Spring Boot和Vue的学生综合测评系统时，需要按照以下步骤进行操作：

1. 确保你的服务器满足系统的运行要求
   前端
   Vue：Vue 是构建前端界面的核心框架，本系统采用 3.2.37 版本。
   Elment UI：基于 Vue.js 2 的组件库，本系统采用 2.2.14 版本。
   后端
   Spring Boot：构建系统核心逻辑的后端框架，本系统采用 2.7.11 版本。
   MyBatis Plus：后端连接数据库的框架，本系统采用 3.0.5 版本。
   数据库
   MySQL：本项目的主数据库。
   Navicat:数据库管理工具，本项目用来管理mysql数据库。
   开发环境
   VsCode：项目前端的开发工具，使用版本为 1.72.2。
   IntelliJ IDEA ：项目后端的开发工具，使用版本为 2021.3.2。
   JDK：Java 的开发环境，使用版本为 1.8.0_221。
   Maven：后端项目的管理工具，使用版本为 3.6.1。
   NodeJs：前端项目的开发环境，使用版本为 16.14.2。


2. 在服务器上安装和配置数据库：
   - 创建数据库：使用数据库管理工具（Navicat）创建一个MySQL数据库，并记下数据库名称和连接信息。
   - 运行数据库脚本：本项目中的database文件夹中的sql文件夹为执行脚本，以创建数据库表和初始化数据。整个数据库的结构sql语句在manageSys.sql，其余是各个表数据生成的语句，每个表100条数据。

3. 部署后端(Spring Boot)：
   - 将后端代码用package在test文件夹里生成可部署的JAR包上传到服务器上，在服务器上进行端口放行、防火墙设置和权限配置等相应操作。
   - 打开命令行或终端，导航到后端代码所在的目录。
   - 执行以下命令安装项目依赖：
     ```
     mvn install
     ```
   - 根据系统需求，配置后端应用的相关参数，如数据库连接信息、端口号等。在应用的配置文件（application.yml）中进行配置。
     ```
     spring:
       datasource:
        url: jdbc:mysql://youraddress:3306/databasename
        username: 
        password: 
        driver-class-name: com.mysql.cj.jdbc.Driver
      ```
   - 执行以下命令启动后端应用：
     ```
     java -jar your-application.jar
     ```
   - 确保后端应用成功启动，并记录后端应用的访问地址和端口号（本项目默认为28080，可自行在配置文件中修改）。

4. 部署前端(Vue)：
   - 将前端代码打包（dict）上传到服务器上，在服务器上进行端口放行、防火墙设置和权限配置等相应操作。
   - 打开命令行或终端，导航到前端代码所在的目录。
   - 执行以下命令安装项目依赖：
     ```
     npm install
     ```
   - 根据系统需求，配置前端应用的相关参数，如后端API的地址（在src/utils/request.js中对baseURL进行修改）。
   - 执行以下命令构建前端应用：
     ```
     npm run build
     ```
   - 构建完成后，将生成的静态文件部署到Web服务器（如Nginx）的静态文件目录中。
   - 运行该前端请执行：
     ```
     npm run dev
     ```

5. 配置反向代理：
   - 如果前后端分离部署，可以使用反向代理将前端和后端连接起来。配置反向代理，将前端请求转发到后端API。
   - 如果使用Nginx作为Web服务器，可以配置Nginx作为反向代理服务器。
    ```
    location  {
      proxy_pass http://127.0.0.1:28080/;
      proxy_set_header Host $host:$server_port;
    }
    ```
    当接收到请求时，Nginx 将其反向代理到 http://127.0.0.1:28080/。这意味着 Nginx 会将请求转发到运行在本地（127.0.0.1）的 28080 端口上的后端服务器。

6. 测试系统部署：
   - 访问部署在服务器上的前端应用，确保可以正常加载页面。
   - 测试前端与后端的交互，包括用户登录、数据展示、数据提交等功能。


#### 使用说明

1.  亮点
    ##### 角色控制
    本系统目前进行了初步的基于角色的权限控制，在登录时，用户将选择学生、评委和学工三种身份，通过身份识别是否能进入系统，且当进入系统过通过身份来识别是否具有可以获取相应权限，使用相应功能。
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/e4d987be2f93c50f5740375721520df.png)
    ##### 美观且功能强大的前端页面
    前端采用了侧边栏的形式整洁归纳了页面和功能逻辑，同时对每个页面设置了permiss便于后期进行权限控制，对不同角色展示相应的页面。侧边栏可以收起和展开，便于页面的阅读的书写。同时页面上方具有导航，便于用户同时打开多个页面并随时点击，进行便捷的页面管理。此外右上角设置个人中心和退出功能。
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/a9ec7f97019ebe9a785f9f0561637b8.jpg)

2.  学生端功能
    作为学生可以方便提交个人学年总结信息、提交学生骨干服务信息、提交社会实践信息和提交科研情况信息，同时可以确认GPA和志愿时长的正确性。
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/e0e1fde8403a42b9325d037ff84fbee.png)
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/8a833e26bbd50abdad24b45ffcb671d.png)                        
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/4fae22906d496349adc1d81bd2de7dc.png)

3.  评委端功能
    作为评委个人学年总结打分、学生骨干服务打分、社会实践打分和科研情况打分，同时可以审核所有同学的GPA和志愿时长信息并对提出申请的信息进行相应的审核和修改。
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/a193f3b7d02e5ac4973ca96ccac4cf2.png)
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/245d693f1f10556e3d76e1c39728c43.png)

4.  学工端功能
    作为学工导入学生数据：学生详情信息，导入志愿时长;小时数和导入学习成绩：GPA，最后可以将汇总的分数进行导出。
    ![输入图片说明](%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA/bc90e52303d9c534a7b61200ec0cadb.png)

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)