项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(九)（完结篇）

于 2025-01-27 06:30:05 发布
阅读量609 收藏 3
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 项目开发实践 文章标签： 在线考试系统 SpringBoot Vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bjzhang75/article/details/145305308

文章目录

  • 一、成绩查询模块实现
    • 1、学生成绩查询功能实现
      • 1.1 页面设计
      • 1.2 前端页面实现
      • 1.3 后端功能实现
    • 2、成绩分段查询功能实现
      • 2.1 页面设计
      • 2.2 前端页面实现
      • 2.3 后端功能实现
  • 二、试卷练习模块实现
  • 三、我的分数模块实现
    • 1、 页面设计
    • 2、 前端页面实现
    • 3、 后端功能实现
  • 四、交流区模块实现
    • 1、 页面设计
    • 2、 前端页面实现
    • 3、 后端功能实现
  • 五、代码下载

一、成绩查询模块实现

1、学生成绩查询功能实现

1.1 页面设计

老师角色用户登陆系统，点击“学生成绩查询”按钮，会显示学生信息列表，如下图：
在这里插入图片描述
点击“查询成绩”按钮，会显示该名学生的成绩折线图，如下图：
在这里插入图片描述

1.2 前端页面实现

“学生成绩查询”页面，是在views/teacher目录下创建组件allStudentsGrade.vue文件，代码如下：

<script setup
了解本专栏 订阅专栏 解锁全文 超级会员免费看
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bjzhang75

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值