Java 基于 SpringBoot+Vue 的在线考试系统的研究与实现,2.0 版本

news/2024/7/7 21:54:46

博主介绍:✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W+,Csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌


文章目录

  • 第一章
  • 第二章.主要技术
  • 第三章
  • 第四章 系统设计
    • 4.1功能结构
    • 4.2 数据库设计
      • 4.2.1 数据库E/R图
      • 4.2.2 数据库表
  • 第五章 系统功能实现
    • 5.1系统登录注册
    • 5.2管理员功能模块
  • 6 源码咨询

第一章

在线考试的需求和管理上的不断提升,在线考试管理的潜力将无限扩大,在线考试系统在业界被广泛关注,本系统及对此进行总体分析,将在线考试信息管理的发展提供参考。在线考试系统对在线考试有着明显的带动效应,对管理帮助更大。

本系统主要包括管理员和用户两个角色组成;主要包括首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能的管理系统。

image-20230421224127578

第二章.主要技术

技术名作用
Springboot后端框架
Vue前端框架
MySQL数据库

第三章

考虑到实际生活中在在线考试管理方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。

(1)管理员功能需求

管理员登陆后,主要模块包括首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能。管理员用例图如图3-1所示。

image-20230421223833416

(2)用户功能需求

用户登陆后,主要模块包括首页、个人中心、课程信息管理、班级信息管理、考试管理等功能。用户用例图如图3-2所示。

image-20230421223843917

第四章 系统设计

4.1功能结构

为了更好的去理清本系统整体思路,对该系统以结构图的形式表达出来,设计实现该在线考试系统的功能结构图如下所示:

image-20230421223439921

4.2 数据库设计

4.2.1 数据库E/R图

ER图是由实体及其关系构成的图,通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图:

(1) 课程信息E/R图如下所示:

image-20230421223621219

(2) 班级信息E/R图如下所示:

image-20230421223652944

4.2.2 数据库表

数据库表的设计,如下表:

表4-1:课程信息

字段名称类型长度字段说明主键默认值
idbigint主键主键
addtimetimestamp创建时间CURRENT_TIMESTAMP
kechengbianhaovarchar200课程编号
kechengmingchengvarchar200课程名称
kechengfenleivarchar200课程分类
tupianvarchar200图片
kechengneironglongtext4294967295课程内容
jiaoshigonghaovarchar200教师工号
jiaoshixingmingvarchar200教师姓名
xueshengzhanghaovarchar200学生账号
xingmingvarchar200姓名

表4-2:课程分类

字段名称类型长度字段说明主键默认值
idbigint主键主键
addtimetimestamp创建时间CURRENT_TIMESTAMP
kechengfenleivarchar200课程分类

第五章 系统功能实现

5.1系统登录注册

系统登录,管理员和用户进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行系统操作,如图5-1所示。

image-20230421224100227

用户注册,在用户注册页面通过填写学号、密码、确认密码、姓名、院系、专业、手机等内容进行注册操作,如图5-2所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PwIgSF54-1682088151105)(/Users/junxu/Library/Application Support/typora-user-images/image-20230421224110114.png)]

5.2管理员功能模块

管理员登录系统后,可以对首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能进行相应的操作管理,如图5-3所示。

image-20230421224119059

用户管理,在用户管理页面可以对索引、学号、姓名、性别、院系、专业、班级、手机等内容进行详情,修改或删除操作,如图5-4所示。

image-20230421224127578

教师管理,在教师管理页面可以对索引、教师工号、教师姓名、性别、籍贯、出生日期、所教科目、职务、联系方式等信息进行详情,修改或删除操作,如图5-5所示。

image-20230421224137312

课程信息管理,在课程信息管理页面可以对索引、课程名称、科目类型、班级、授课老师、开课时间、结课时间、课件等内容进行详情,修改或删除操作,如图5-6所示。

image-20230421224145101

6 源码咨询


http://lihuaxi.xjx100.cn/news/1490268.html

相关文章

通过类变量和方法返回数据

使用这种方法返回数据需要在调用start方法后才能通过类变量或方法得到数据。让我们先来看看例程2-13会得到什么结果。 package mythread;public class MyThread extends Thread { private String value1; private String value2; public void run() { …

40分钟的录课如何压缩为1GB?分享视频压缩方法

现在视频清晰度都很高,因此录制的视频大小也都超过了1GB,给我们的传输、存储带来了不便,如果想要将录制的课程压缩变小,可以通过视频压缩软件直接压缩、视频编辑软件调整分辨率等方式进行解决,下面就来看下具体的方法吧…

python用 xlwings库对Excel进行 字体、边框设置、合并单元格, 版本转换等操作

xlwings 其他的一些单元格读取写入操作网上很多, 下面就写些如何设置单元格的 字体对齐,字体大小、边框, 合并单元格, 这些设置。 import xlwings as xwapp = xw.App(visible=True, add_book=False) app.display_alerts = False # 关闭一些提示信息,可以加快运行速度。…

面试题-React(七):React组件通信

在React开发中,组件通信是一个核心概念,它使得不同组件能够协同工作,实现更复杂的交互和数据传递。常见的组件通信方式:父传子和子传父 一、父传子通信方式 父组件向子组件传递数据是React中最常见的一种通信方式。这种方式适用…

day17 代码回想录 二叉树04 平衡二叉树二叉树的所有路径左叶子之和

大纲 ● 110.平衡二叉树 ● 257. 二叉树的所有路径 ● 404.左叶子之和 平衡二叉树 题目链接:110.平衡二叉树 分析过程: 本题的解题思路是求最大深度和最短路径元素个数后,判断两者差是否小于1 // 二叉树是否平衡 void minMaxDepth(TreeN…

【MySQL】3、MySQL的索引、事务、存储引擎

create table class (id int not null,name char(10),score decimal(5,2)); insert into class values (1,zhangsan,80.5); update class set namewangwu,passwd123 where id2; select * from class where id2; drop 索引的概念 是一种帮助系统,能够更快速的查询信…

官方项目《内容示例》中Common UI部分笔记: 1.1 Activatable Widgets

本文主要面向UMG以及Common UI的初学者 文章目录 效果展示概要Activate和Deactivate可见性绑定UI动画设置Common Activatable Widget的默认焦点 效果展示 概要 这个例子非常简单,定义了13个Common Activatable Widget CommonUI_ActivatableWidgets相当于一个容器包…

Web弹性布局

/*弹性盒子 弹性布局 */ /* 默认从左到右 */ display: flex; /* 从右到左 */ /* flex-direction: row-reverse; */ /* 从上到下 */ /* flex-direction: column; */ …