Bootstrap

项目开发实践——基于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.4 效果展示
  • 二、代码下载

一、题库管理模块实现

教师角色的题库管理模块包括 新增题目 和 题目列表 二个功能模块。

1、新增题目功能实现

1.1 页面设计

点击“新增题目”菜单,首先显示了试卷列表,点击“录入题目”按钮,就会转到“添加试题”页面,信息填写完成,点击“立即添加”按钮,即可把该题目添加到试卷中。
在这里插入图片描述
在这里插入图片描述
“试卷列表“页面,是在views/teacher目录下增加组件addAnswer.vue文件,页面元素代码如下:

//试卷列表
<template
;