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

news2025/1/22 0:14:49

文章目录

  • 一、题库管理模块实现
    • 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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2280076.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【Cesium入门教程】第一课：Cesium简介与快速入门详细教程

【Cesium入门教程】第一课：Cesium简介与快速入门详细教程

Cesium概述 Cesium是一个基于JavaScript开发的WebGL三维地球和地图可视化库。 它利用了现代Web技术&#xff0c;如HTML5、WebGL和WebAssembly&#xff0c;来提供跨平台和跨浏览器的三维地理空间数据可视化。 Cesium的主要特点包括&#xff1a; 跨平台、跨浏览器&#xff1a…
阅读更多...
Unity中实现伤害跳字效果（简单好抄）

Unity中实现伤害跳字效果（简单好抄）

第一步骤安装并导入Dotween插件&#xff08;也可以不用导入之后直接下载我的安装包&#xff09; 官网DOTween - 下载 第二步&#xff1a; 制作跳字预制体 建议把最佳适应打开&#xff0c;这样就不怕数字太大显示不全了。 第三步&#xff1a;创建一个空对象并编写脚本JumpNumbe…
阅读更多...
AI与低代码发展下的程序员就业展望：经济环境对就业市场的影响

AI与低代码发展下的程序员就业展望：经济环境对就业市场的影响

AI与低代码发展下的程序员就业展望&#xff1a;经济环境对就业市场的影响 随着人工智能&#xff08;AI&#xff09;技术的不断进步和低代码平台的日益成熟&#xff0c;软件开发行业正在经历一场深刻的变革。与此同时&#xff0c;全球经济环境的变化也对程序员的就业市场产生了…
阅读更多...
复古怀旧美感35mm胶片模拟色调颗粒汽车商业摄影Lightroom调色预设 Mike Crawat 2024 35MM FILM LOOK PRESETS

复古怀旧美感35mm胶片模拟色调颗粒汽车商业摄影Lightroom调色预设 Mike Crawat 2024 35MM FILM LOOK PRESETS

10个电脑端手机端35mm胶片模拟汽车摄影风光人像扫街LR预设 Mike Crawat 2024 35MM FILM LOOK PRESETS 这个精心制作的 10 个预设集合旨在为您的数码照片提供 35 毫米胶片的丰富、怀旧美感。每个预设都复制了标志性胶片的独特色调、颗粒和颜色配置文件&#xff0c;让您只需单击…
阅读更多...
Hadoop 和 Spark 的内存管理机制分析

Hadoop 和 Spark 的内存管理机制分析

&#x1f496; 欢迎来到我的博客&#xff01; 非常高兴能在这里与您相遇。在这里&#xff0c;您不仅能获得有趣的技术分享&#xff0c;还能感受到轻松愉快的氛围。无论您是编程新手&#xff0c;还是资深开发者&#xff0c;都能在这里找到属于您的知识宝藏&#xff0c;学习和成长…
阅读更多...
Linux容器（初学了解）

Linux容器（初学了解）

目录 一、容器 1.1、容器技术 1.2、容器和虚拟机之间的差异 1.3、Rootless 和 Rootful 容器 1.4、设计基于容器的架构 1.5、容器管理工具 1.6、容器镜像和注册表 1.7、配置容器注册表 1.8、使用容器文件构建容器镜像 二、部署容器 2.1、Podman 实用程序 2.2、安装容…
阅读更多...
.Net Core微服务入门全纪录（二）——Consul-服务注册与发现（上）

.Net Core微服务入门全纪录（二）——Consul-服务注册与发现（上）

系列文章目录 1、.Net Core微服务入门系列&#xff08;一&#xff09;——项目搭建 2、.Net Core微服务入门全纪录&#xff08;二&#xff09;——Consul-服务注册与发现&#xff08;上&#xff09; 3、.Net Core微服务入门全纪录&#xff08;三&#xff09;——Consul-服务注…
阅读更多...
成就与远见：2024年技术与思维的升华

成就与远见：2024年技术与思维的升华

个人主页&#xff1a;chian-ocean 前言: 2025年1月17日&#xff0c;2024年博客之星年度评选——创作影响力评审的入围名单公布。我很荣幸能够跻身Top 300&#xff0c;虽然与顶尖博主仍有一定差距&#xff0c;但这也为我提供了更加明确的发展方向与指引。展望崭新的2025年&…
阅读更多...
记一次数据库连接 bug

记一次数据库连接 bug

整个的报错如下&#xff1a; com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Could not create connection to database server. Attempted reconnect 3 times. Giving up. at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Metho…
阅读更多...
力扣 搜索二维矩阵

力扣 搜索二维矩阵

二分查找&#xff0c;闭区间与开区间的不同解法。 题目 乍一看&#xff0c;不是遍历一下找到元素就可以了。 class Solution {public boolean searchMatrix(int[][] matrix, int target) {for (int[] ints : matrix) {for (int ans : ints) {if (ans target) return true;}}…
阅读更多...
Linux 使用 GDB 进行调试的常用命令与技巧

Linux 使用 GDB 进行调试的常用命令与技巧

GDB 调试的常用命令与技巧 1. GDB 常用命令1.1 安装 GDB1.2 启动 GDB1.3 设置程序的参数1.4 设置断点1.5 启动程序并运行至断点1.6 执行一步1.7 打印变量值1.8 查看函数调用栈 2. GDB 调试 Core 文件2.1 生成 Core 文件2.2 使用 GDB 调试 Core 文件 3. GDB 调试正在运行的程序3…
阅读更多...
微服务网关，如何选择？

微服务网关，如何选择？

什么是API网关 API网关&#xff08;API Gateway&#xff09;是微服务架构中的一个关键组件&#xff0c;它充当了客户端与后端服务之间的中间层。其主要功能包括请求路由、协议转换、负载均衡、安全认证、限流熔断等。通过API网关&#xff0c;客户端无需直接与多个微服务交互&a…
阅读更多...
Spring 6 第3章——容器：IoC

Spring 6 第3章——容器：IoC

一、IoC容器 IoC是Inversion of Control的简写&#xff0c;翻译为“控制反转”.它不是一门技术&#xff0c;而是一种设计思想 Spring通过IoC容器来管理&#xff08;1&#xff09;所有Java对象的实例化和初始化&#xff0c;&#xff08;2&#xff09;控制对象与对象之间的依赖…
阅读更多...
Docker：基于自制openjdk8镜像 or 官方openjdk8镜像，制作tomcat镜像

Docker：基于自制openjdk8镜像 or 官方openjdk8镜像，制作tomcat镜像

一、制作openjdk8基础镜像【基于自定义alpine-3.18.0:v1 】 docker pull maven:3.5.0-jdk-8-alpine 78.56 MB https://hub.docker.com/_/maven/tagspage8&namealpine openjdk二进制下载地址 https://blog.csdn.net/fenglllle/article/details/124786948 https://adoptope…
阅读更多...
数据结构漫游记：动态实现栈(stack)

数据结构漫游记：动态实现栈(stack)

嘿&#xff0c;各位技术潮人&#xff01;好久不见甚是想念。生活就像一场奇妙冒险&#xff0c;而编程就是那把超酷的万能钥匙。此刻&#xff0c;阳光洒在键盘上&#xff0c;灵感在指尖跳跃&#xff0c;让我们抛开一切束缚&#xff0c;给平淡日子加点料&#xff0c;注入满满的pa…
阅读更多...
鸿蒙系统 将工程HarmonyOS变成OpenHarmony

鸿蒙系统 将工程HarmonyOS变成OpenHarmony

DevEco Studio软件创建工程后需要修改两个地方&#xff1a; 修改第二个build-profile.json5文件 将原先内容&#xff1a; {"app": {"signingConfigs": [],"products": [{"name": "default","signingConfig": &q…
阅读更多...
MySQL 事务及MVCC机制详解

MySQL 事务及MVCC机制详解

目录 什么是事务 事务的隔离级别 数据库并发的三种场景 读-写 什么是事务 事务就是一组DML语句组成&#xff0c;这些语句在逻辑上存在相关性&#xff0c;这一组DML语句要么全部成功&#xff0c;要么全部失败&#xff0c;是一个整体。MySQL提供一种机制&#xff0c;保证我们…
阅读更多...
将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch（3.纯python的实惠版）

将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch（3.纯python的实惠版）

前情&#xff1a; 将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch&#xff08;1.标准版&#xff09;-CSDN博客 将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch&#xff08;2.换掉付费的Event Hubs&#xff09;-CSDN博客 python脚本实现 厉害的…
阅读更多...
什么是三高架构?

什么是三高架构?

大家好&#xff0c;我是锋哥。今天分享关于【什么是三高架构?】面试题。希望对大家有帮助&#xff1b; 什么是三高架构? 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 “三高架构”通常是指高可用性&#xff08;High Availability&#xff09;、高性能&#xff…
阅读更多...
[微服务]注册中心优化

[微服务]注册中心优化

环境隔离 企业实际开发中&#xff0c;往往会搭建多个运行环境&#xff0c;例如&#xff1a; 开发环境测试环境预发布环境生产环境 这些不同环境之间的服务和数据之间需要隔离。 还有的企业中&#xff0c;会开发多个项目&#xff0c;共享nacos集群。此时&#xff0c;这些项目…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023