基于JAVA+SpringBoot+Vue的编程训练系统设计与实现

浏览 14 次

Programming Training System Based on Java, SpringBoot and Vue

该系统是一个基于Java、SpringBoot和Vue的编程训练平台,旨在提供在线编程练习与评测功能。核心功能包括题库管理、代码在线提交、自动判题以及学习进度跟踪,适用于编程教学与技能训练。该项目可作为毕业设计或实际应用系统开发,实现了前后端分离的信息管理系统,帮助用户高效提升编程能力。

SpringBootVueMySQL前后端分离PC端

项目简介

该系统是一个基于Java、SpringBoot和Vue的编程训练平台,旨在提供在线编程练习与评测功能。核心功能包括题库管理、代码在线提交、自动判题以及学习进度跟踪,适用于编程教学与技能训练。该项目可作为毕业设计或实际应用系统开发,实现了前后端分离的信息管理系统,帮助用户高效提升编程能力。

项目基础信息

适合专业计算机科学与技术 / 软件工程
技术栈SpringBoot + Vue + MySQL + Redis
系统架构前后端分离
项目类型编程训练系统 / 在线学习平台
运行环境JDK1.8、MySQL5.7+、Node14+
开发工具IntelliJ IDEA、VSCode、Git

项目包含内容

  • 前后端完整源码
  • 数据库完整脚本
  • 参考论文(如有)
  • 部署软件及部署说明
  • 项目介绍文档(如有)

项目详细介绍

研究背景

随着互联网技术的快速发展,网络时代的到来,网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。编程训练系统的信息化程度体现在将互联网与信息技术应用于经营与管理,以现代化工具代替传统手工作业。无疑,使用网络信息化管理使信息管理更先进、更高效、更科学,信息交流更迅速。

对于之前编程训练系统的管理,大部分都是使用传统的人工方式去管理,这样导致了管理效率低下、出错频率高。而且,时间一长的话,积累下来的数据信息不容易保存,对于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子化的存储方式就会带来很大的改善,而且给用户的查询带来了很大便利,因此设计一个编程训练系统刻不容缓,能够提高信息的管理水平。

系统结构

本系统是基于B/S架构的网站系统,设计的功能结构图如下图所示:

图4-2功能结构图

数据库设计

数据库实体

概念设计的目标是设计出反映某个组织部门信息需求的数据库系统概念模式,数据库系统的概念模式独立于数据库系统的逻辑结构、独立于数据库管理系统(DBMS)、独立于计算机系统。

概念模式的设计方法是在需求分析的基础上,用概念数据模型(例如E-R模型)表示数据及数据之间的相互联系,设计出反映用户信息需求和处理需求的数据库系统概念模式。概念设计的目标是准确描述应用领域的信息模式,支持用户的各种应用,这样既容易转换为数据库系统逻辑模式,又容易为用户理解。数据库系统概念模式是面向现实世界的数据模型,不能直接用于数据库系统的实现。在此阶段,用户可以参与和评价数据库系统的设计,从而有利于保证数据库系统的设计与用户的需求相吻合。在概念模式的设计中,E-R模型法是最常见的设计方法。本系统的E-R图如下图所示:

(1)试卷信息的实体属性图如下:

图4.12  试卷信息实体属性图

(2)留言板信息实体属性图如图4.13所示:

图4.13  留言板信息实体属性图

(3)训练通知信息实体属性图如图4.14所示:

图4.14 训练通知信息实体属性图

数据库设计表

编程训练系统需要后台数据库,下面介绍数据库中的各个表的详细信息:

表4.1 得分统计

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

tongjibianhao

varchar(200)

NULL

统计编号

zhanghao

varchar(200)

NULL

账号

xingming

varchar(200)

NULL

姓名

shijuantimu

varchar(200)

NULL

试卷题目

defen

float

NULL

得分

defenfenxi

longtext

NULL

得分分析

dengjiriqi

date

NULL

登记日期

表4.2 题库资源评论表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

refid

bigint(20)

关联表id

userid

bigint(20)

用户id

nickname

varchar(200)

NULL

用户名

content

longtext

评论内容

reply

longtext

NULL

回复内容

表4.3 试卷表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

name

varchar(200)

试卷名称

time

int(11)

考试时长(分钟)

status

int(11)

0

试卷状态

表4.4 试题表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

paperid

bigint(20)

所属试卷id(外键)

papername

varchar(200)

试卷名称

questionname

varchar(200)

试题名称

options

longtext

NULL

选项,json字符串

score

bigint(20)

0

分值

answer

varchar(200)

NULL

正确答案

analysis

longtext

NULL

答案解析

type

bigint(20)

0

试题类型,0:单选题 1:多选题 2:判断题 3:填空题(暂不考虑多项填空)

sequence

bigint(20)

100

试题排序,值越大排越前面

表4.5 考试记录表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

userid

bigint(20)

用户id

username

varchar(200)

NULL

用户名

paperid

bigint(20)

试卷id(外键)

papername

varchar(200)

试卷名称

questionid

bigint(20)

试题id(外键)

questionname

varchar(200)

试题名称

options

longtext

NULL

选项,json字符串

score

bigint(20)

0

分值

answer

varchar(200)

NULL

正确答案

analysis

longtext

NULL

答案解析

myscore

bigint(20)

0

试题得分

myanswer

varchar(200)

NULL

考生答案

表4.6 用户交流

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

title

varchar(200)

NULL

帖子标题

content

longtext

帖子内容

parentid

bigint(20)

NULL

父节点id

userid

bigint(20)

用户id

username

varchar(200)

NULL

用户名

isdone

varchar(200)

NULL

状态

表4.7 练题统计

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

tongjibianhao

varchar(200)

NULL

统计编号

zhanghao

varchar(200)

NULL

账号

xingming

varchar(200)

NULL

姓名

lianticishu

int(11)

NULL

练题次数

dengjiriqi

date

NULL

登记日期

beizhu

varchar(200)

NULL

备注

表4.8 留言板

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

userid

bigint(20)

留言人id

username

varchar(200)

NULL

用户名

content

longtext

留言内容

reply

longtext

NULL

回复内容

表4.9 训练通知

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

title

varchar(200)

标题

introduction

longtext

NULL

简介

picture

varchar(200)

图片

content

longtext

内容

表4.10 收藏表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

userid

bigint(20)

用户id

refid

bigint(20)

NULL

收藏id

tablename

varchar(200)

NULL

表名

name

varchar(200)

收藏名称

picture

varchar(200)

收藏图片

表4.11 题库资源

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

ziyuanmingcheng

varchar(200)

资源名称

ziyuanleixing

varchar(200)

NULL

资源类型

wenjian

varchar(200)

NULL

文件

ziyuanneirong

longtext

NULL

资源内容

fengmian

varchar(200)

NULL

封面

shangchuanshijian

date

NULL

上传时间

clicktime

datetime

NULL

最近点击时间

clicknum

int(11)

0

点击次数

表4.12 管理员表

字段

类型

默认

注释

id (主键)

bigint(20)

主键

username

varchar(100)

用户名

password

varchar(100)

密码

role

varchar(100)

管理员

角色

addtime

timestamp

CURRENT_TIMESTAMP

新增时间

表4.13 用户

字段

类型

默认

注释

id (主键)

bigint(20)

主键

addtime

timestamp

CURRENT_TIMESTAMP

创建时间

zhanghao

varchar(200)

账号

mima

varchar(200)

密码

xingming

varchar(200)

姓名

nianling

varchar(200)

年龄

xingbie

varchar(200)

NULL

性别

shouji

varchar(200)

手机

zhaopian

varchar(200)

NULL

照片

管理员模块的实现

用户信息管理

管理员对用户信息修改删除以及查询操作。具体界面的展示如图5.1所示。

图5.1 用户信息管理界面

题库资源管理

系统管理员可以对题库资源信息进行添加,修改,删除以及查询操作。具体界面如图5.2所示。

图5.2 题库资源信息管理界面

试题信息管理

系统管理员可以对试题信息进行添加,修改,删除以及查询操作。界面如下图所示:

图5.3 试题信息管理界面

试卷信息管理

系统管理员可以对试卷信息进行添加修改删除操作。界面如下图所示:

图5.4 试卷信息管理界面

用户模块的实现

题库资源

用户可以在前台看到题库资源信息。界面如下图所示:

图5.5 题库资源界面

用户交流

用户可以在用户交流的地方进行留言。界面如下图所示:

图5.6 用户交流信息界面

参加考试

用户可以在试卷信息地方参加考试。界面如下图所示:

图5.7 参加考试界面

联系咨询区

可沟通项目方向、预算、交付周期与答辩时间安排,支持按学校要求定制交付内容。

为你推荐

根据你的浏览兴趣与热门趋势,精选可能适合你的毕业设计项目。

基于JAVA+SpringBoot+Vue+uniapp的微信小程序点餐平台

SpringBootVue微信小程序UniAppMySQL前后端分离支付功能小程序端

该系统是一个基于Java+SpringBoot后端、Vue+Uniapp前端的微信小程序点餐平台。平台实现了在线菜单浏览、购物车管理、订单提交与支付、后台数据统计等核心功能,为餐饮商家提供高效便捷的数字化点餐解决方案。项目采用前后端分离架构,适合作为毕业设计或实际项目开发,展示了现代Web与移动应用系统的完整实现流程。

基于JAVA+SpringBoot+Vue+uniapp+协同过滤算法+爬虫+AI的减肥小程序

SpringBootVueUniAppAI智能推荐算法小程序端

该项目是一个集成了协同过滤推荐算法、网络爬虫与AI技术的智能减肥小程序。系统采用JAVA+SpringBoot构建后端服务,Vue+uniapp实现跨平台前端,旨在为用户提供个性化的饮食与运动方案。核心功能包括基于用户行为的智能推荐、健康数据管理及社区互动,适合作为毕业设计或实际项目开发,展示了现代Web与移动应用在信息管理与系统开发中的综合实践。

基于JAVA+SpringBoot+Vue的自动阅卷分析系统

SpringBootVueMySQLAI智能数据可视化前后端分离PC端

该系统是一个基于JAVA+SpringBoot后端与Vue前端的自动阅卷分析系统,旨在实现高效、准确的试卷批改与学习数据分析。核心功能包括智能识别与评分、错题统计分析、成绩报告生成以及教学效果评估。该系统开发专注于提升阅卷效率与信息管理深度,适用于在线教育、考试机构及毕业设计项目实现,为教学管理与学习分析提供一体化解决方案。

基于JAVA+SpringBoot+Vue+uniApp小程序的心理健康测试平台

SpringBootVue微信小程序UniAppMySQL前后端分离小程序端

该心理健康测试平台是一个集前端小程序与后端管理系统于一体的综合系统开发项目。平台采用JAVA与SpringBoot构建稳健后端,结合Vue与uniApp实现跨端小程序开发,为用户提供便捷的心理测评与报告服务。系统核心功能包括题库管理、在线测试、数据分析及报告生成,旨在通过信息化手段提升心理健康服务的可及性与专业性,适用于毕业设计或实际项目实现。

基于JAVA+SpringBoot+Vue+uniapp的前后端分离的微信小程序的艺术品陶瓷商城

SpringBootVue微信小程序UniAppMySQL前后端分离小程序端

该项目是一个基于JAVA+SpringBoot+Vue+uniapp技术栈的前后端分离微信小程序艺术品陶瓷商城系统。系统开发实现了艺术品陶瓷的在线展示、商品管理、用户订单处理及支付集成等核心功能,为陶瓷艺术品的数字化交易提供了完整的信息管理解决方案,适合作为毕业设计或商业项目实现。

基于JAVA+SpringBoot+Vue的二手车交易系统

SpringBootVueMySQL前后端分离PC端

该系统是一个基于Java+SpringBoot+Vue的二手车交易管理系统,旨在为用户提供便捷的在线车辆买卖平台。核心功能包括车辆信息发布、智能搜索、在线咨询、交易管理及用户评价等模块。通过前后端分离的系统开发模式,实现了高效的信息管理和流畅的用户体验,适合作为毕业设计或实际项目实现,帮助提升二手车交易效率与透明度。

基于JAVA+SpringBoot+Vue的故障报修平台

SpringBootVueMySQL前后端分离PC端

该项目是一个基于Java、SpringBoot和Vue的故障报修平台,旨在实现高效的设备故障管理与维修流程。系统提供用户在线报修、工单分配、进度跟踪及数据统计等核心功能,适用于企业或校园的日常运维。通过前后端分离架构,确保了系统的可扩展性和维护性,适合作为毕业设计或实际项目实现,展示了现代Web信息管理系统的开发实践。

基于JAVA+SpringBoot+Vue的前后端分离的学校请假管理系统

SpringBootVueMySQL权限控制多角色系统前后端分离PC端

这是一个基于JAVA+SpringBoot+Vue的前后端分离学校请假管理系统,旨在实现学生请假流程的数字化与高效管理。系统开发涵盖了学生在线提交申请、辅导员与院系审批、请假记录统计等核心功能,优化了传统纸质流程。该项目可作为信息管理系统的毕业设计或实际应用案例,展示了前后端分离架构在项目实现中的优势。