学生成绩管理系统 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 英语成绩
尤其要注意的是两个表都需要设置主键自增,否则前端插入数据到后端会提示报错
因此在这里贴出来两个表的建表语句
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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。