项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(六)

文章目录

• 一、考试管理模块实现
• • 1、添加考试功能实现
  • • 1.1 页面设计
    • 1.2 前端功能实现
    • 1.3 后端功能实现
    • 1.4 效果展示
  • 2、考试管理功能实现
  • • 2.1 页面设计
    • 2.2 前端功能实现
    • 2.3 后端功能实现
    • • 2.3.1 后端查询接口实现
      • 2.3.2 后端编辑接口实现
      • 2.3.3 后端删除接口实现
    • 2.4 效果展示
• 二、代码下载

一、考试管理模块实现

教师角色的考试管理模块包括 添加考试 和 考试管理 二个功能模块。

1、添加考试功能实现

1.1 页面设计

添加考试功能的页面如下：

页面中，需要添加的考试信息包括：试卷名称、介绍、所属学院、所属专业、年级、考试日期、持续时间、总分、考试类型 和 考生提示。
前端页面，需要在views/teacher目录下增加组件addExam.vue文件，页面元素内容如下：

<!-- 添加考试 -->
<template>