# studentScoreManage-front

**Repository Path**: spring-in-huangxian-county/student-score-manage-front

## Basic Information

- **Project Name**: studentScoreManage-front
- **Description**: 基于vue+springboot的学生成绩管理系统，本仓库为vue部分，springboot部分请看我的详情页
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 4
- **Created**: 2021-12-04
- **Last Updated**: 2025-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Element-UI, vue-router, Axios

## README

# 说明

学生成绩管理系统
vue + springboot
vue :
采用 element-ui、vue-router、axios
springboot

# 运行

前端部分打开终端命令（cmd）到本项目目录路径
npm install 安装package.json里项目运行需要的module
npm run build 构建项目
npm run serve 启动项目

后端部分，启动StudentScoreApplication启动类

# 功能

1.采用多组件注册的方式，通过 router 挂载到路径

2.创建 Login.vue 组件，作为项目启动路口

在这个页面进行登录注册功能的实现

3.注册：
将注册的账号注册到数据库表：scorelogin
字段有 id，username，password
登录：
检查 scorelogin 表中是否有账号，如无提示登录失败，否则跳转到 maintry

4.maintry.vue 组件：
在这个组件集成了添加、删除、修改、查看分数组件，在这个组件进行跳转

5.addScore.vue: 添加分数信息

6.deleteScore.vue：删除分数信息

7.updateScore.vue: 修改分数信息

8.showScore.vue:查看分数信息

# 数据库

表有俩个
scoreLogin：保存登录账户
字段：
id 主键
username： 账号
password: 密码
name: 姓名

studentScoreManage: 保存学生成绩信息
字段:
id: 主键
studentId 学生学号
studentName 学生姓名
chineseScore 语文成绩
mathScore 数学成绩
englishScore 英语成绩

# ps
尤其要注意的是两个表都需要设置主键自增，否则前端插入数据到后端会提示报错

因此在这里贴出来两个表的建表语句

CREATE TABLE `scorelogin` (
  `id` int(255) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `username` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `password` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `name` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8 COLLATE=utf8_bin


CREATE TABLE `studentscoremanage` (
  `id` int(255) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `studentId` varchar(255) COLLATE utf8_bin DEFAULT NULL COMMENT '学生学号',
  `studentName` varchar(255) COLLATE utf8_bin DEFAULT NULL COMMENT '学生姓名',
  `chineseScore` smallint(5) DEFAULT NULL COMMENT '语文成绩',
  `mathScore` smallint(5) DEFAULT NULL COMMENT '数学成绩',
  `englishScore` smallint(6) DEFAULT NULL COMMENT '英语成绩',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8 COLLATE=utf8_bin


后端部分为下方链接
https://gitee.com/spring-in-huangxian-county/student-score-manage-end.git

项目说明地址：https://blog.csdn.net/xc9711/article/details/121722826