java script在线考试系统_一个基于 Spring Boot 的在线考试系统

最新推荐文章于 2024-03-31 08:09:47 发布
最新推荐文章于 2024-03-31 08:09:47 发布
阅读量302 收藏 2
点赞数
文章标签： java script在线考试系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_30896727/article/details/115040267
版权

a31fddd4ee45bed51b04845efd9c6d0f.png

今天推荐一款超级美观的在线考试系统，感兴趣可以先去预览地址看看该项目。

在线 Demo预览，http://129.211.88.191 ，账户分别是admin、teacher、student，密码是admin123

GitHub地址：github.com/19920625lsg/spring-boot-online-exam

功能简介支持单选题、多选题、判断题

支持学生(student)、教师(teacher)、管理员(admin)三种角色学生：参加考试和查看我的考试

教师：学生的所有权限+创建/编辑题目+创建/编辑考试

管理员：教师的所有权限+管理用户

软件架构前后端分离，前段组件化，方便二次开发；后端后端采用SpringBoot+JPA++Swagger2+JWT校验,根据不同用户的权限返回给用户不同的数据

前端采用Vue+AntDesign,组件化拆分，封装了很多年公共组件，方便维护和二次开发

使用教程

1.下载代码git clone https://github.com/19920625lsg/spring-boot-online-exam.git

2.初始化数据库安装mysql的步骤这里省略，网上的教程很多。

安装好mysql后，新建exam数据库，密码和spring-boot-online-exam/backend/exam/src/main/resources/application.yml的password: xxxxxx保持一致，然后导入spring-boot-online-exam/doc/sql/exam.sql

3.启动后端打开spring-boot-online-exam/backend/exam这个Maven项目，可以在IDE里启动或者执行mvn install生成jar包启动

4.启动前端进入到前端代码路径 cd spring-boot-online-exam/frontend/exam/

安装依赖 npm install

启动前端 npm run serve

5.部署完毕，查看效果

打开 http://localhost:8000 或者 http://本机ip:8000 即可查看演示效果

登陆

首页

32519ef3a588e41ac5b8607d542e3dce.png

04cf92346c6b2a47a4cdab2dd5fecdf3.png

答题

3987a870e2602eaf688ec24bcec2aa60.png

考试管理

f11b8f4680cdea8f6901f7adea6a0757.png

考试列表

79cc07faaf846ea98f30343d2114ee54.png

通吃岛岛主
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JAVA-spring学习资源之编程实现操作系统匹配条件
03-03
接下来，Spring框架提供了一个强大的工具类`org.springframework.core.io.FileSystemResource`，它可以帮助我们处理文件系统操作。例如，如果你需要在不同操作系统上执行不同的脚本，你可以根据操作系统类型创建对应...
毕业设计-基于SpringBoot在线考试系统
weixin_45783387的博客
10-03 5672
环境：开发工具：idea，数据库：MySQL5.7 jdk1.8 架构：SpringBoot，前端HTML
有点强！SpringBoot+Vue的前后端分离的在线考试系统（已开源）
weixin_47083537的博客
08-19 5534
给大家分享一个非常不错的，适合 K12 教育的在线考试开源的系统。 这个开源系统就叫：学之思。 学之思考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。目前支持 web 端和微信小程序，能覆盖到 pc 机和手机等设备。 这个开源项目非常好的一点就是：分为 Web 版和小程序版。 对，你没看错，你发布题目和试卷之后，用户可以在小程序端进行考试答题，Web 端分别分为：学生端，即学生也可以在电脑端答题，还有教师端，教师可以在电脑上批改作业，.
基于SpringBoot的在线考试系统
韩金群的博客
12-09 1548
基于SpringBoot的在线考试系统
_采用JavaWeb技术的基础平台考试系统.pdf
08-22
本资源是一个基于Java Web技术的基础平台考试系统，旨在解决传统纸质考试的缺陷，提供一个在线考试平台，满足当前考试形式的需求。该系统使用Java Web技术栈开发，前端使用HTML、JavaScript和JSP等技术，后端使用...
基于vue3与spring boot+python实现股票预测系统源码.zip
最新发布
04-27
本项目是一个综合性的股票预测系统，它结合了前端的Vue3框架、后端的Spring Boot以及数据处理的Python，展示了如何构建一个完整的Web应用程序。Vue3是当前流行的前端JavaScript库，Spring Boot是Java领域的轻量级...
recaptcha-spring-boot-starter：Google的reCAPTCHA的Spring Boot启动器
01-30
要使用启动程序，您将需要一个reCAPTCHA站点密钥和一个秘密密钥。 要获取它们，请转到并设置您的reCAPTCHA。 正在安装 repositories { mavenCentral() } dependencies { compile group : ' ...
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的仓库管理系统，内含Java完整源代码，数据库脚本
02-05
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的仓库管理系统，内含Java完整源代码，数据库脚本 前言 项目为前后端分离项目，采用的技术包括SpringBoot + MyBatis + MySql + Redis + Vue + Axios + Element-...
基于SpringBoot的在线考试系统【附源码】
计算机学姐的博客
06-12 7082
基于SpringBoot的在线考试系统，角色：学生、教师和管理员。
基于springboot的在线考试系统的设计与实现
BYSJLG的博客
09-18 980
基于springboot的在线考试系统的设计与实现
基于SpringBoot的在线考试系统【建议收藏】
qq_48053850的博客
04-13 1717
核心技术：SpringBoot+mybatis;前端：vue；开发工具：idea；数据库：mysql5.7；模版引擎：thymeleaf；安全框架：JWT；日志：Hutool-log；数据库连接池：druid；本项目分前台用户界面功能和后台管理功能；前台用户界面功能：首页考试列表，展示考试信息及参加考试报名；公告信息；新闻信息；在线留言；用户登陆后台管理功能：管理员登录系统管理用户管理角色管理菜单管理课程管理题目管理授课老师管理订单管理菜单管理。
Springboot在线考试系统 计算机毕设源码82626
weixin_ZYKJ985的博客
08-07 193
在线考试系统主要功能模块包括学生用户管理、在线考试管理、知识点分析、考试成绩管理等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用Spring boot框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对在线考试系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性....
基于SpringBoot的在线考试管理系统
wx_zhuyanbishe的博客
02-26 1103
该在线考试管理系统的开发本着简洁大方、结构清晰的原则，让用户在使用过程中不会出现使用困扰，能够很容易的操作系统中的每一个功能模块， 而管理员的操作也很容易上手，不需要经过培训，就能够操作使用，总之，开发的在线考试管理系统在操作上的可行性也是无需考虑的，很是可行[15]。系统设计阶段中，系统结构的设计是必不可少的，结构设计主要是将程序先划分出大的模块，然后再将大的模块一点一点的进行补充，由大模块下再分支出很多的小模块，然后由这些模块共同来构成一个完整的、具体的系统结构。下图为构建的学生的用例图。
基于springboot+vue技术的在线考试系统源码数据库
2301_76965813的博客
06-10 974
学生登录：如果没有账号，首先需要以学生的身份进行注册，即输入姓名、性别、密码以及班级，注册成功之后输入账户名和密码进行登录，进入考试系统。首页：在首页信息框中，将展示该学生用户的姓名以及所有完成的试卷信息，在下方展示试卷的类型，以及对该试卷的一个整体评价。在右上方，设置了考试模块与记录模块。记录模块：在记录模块中，学生用户在完成试卷之后进行提交将立即得到该试卷的成绩结果，并且所有完成的试卷信息将保存在记录模块中，便于后期的管理，以及对自身的学习水平有一个很好的认识。
基于Spring Boot的在线考试系统
DC5621的博客
03-31 1543
开发语言：Java框架：springbootJDK版本：JDK1.8服务器：tomcat7数据库：mysql 5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9浏览器：谷歌浏览器系统展示。
基于springboot实现在线考试系统项目【项目源码+论文说明】计算机毕业设计
ybigbear1的博客
02-29 1034
基于springboot实现在线考试系统演示时代在变化，科技技术以无法预测的速度在达到新的高度，并且被应用于社会生活的各个领域，随着生活的加快，也使很多潜在的点逐渐突显出来，社会对于人才的要总是非常迫切的，并且对于社会所需要人才的要求也是在不断的提升变化，人才的培养是基于教育，对于人的全面发展的成绩审核来判断教育教学的效果，其中最常用且最关键的环节便是通过严格的考试来评判，传统且各个高校所采用的考试模式需要前期准备考场、纸质版试卷、监考人员、评卷人员，录入成绩，公布成绩等等流程，不管是在物力、人力、财力以及
写一篇基于 Spring Boot 生鲜超市管理系统的附录
05-26
附录 本文所述的生鲜超市管理系统是基于 Spring Boot 框架开发的，使用的技术栈包括：Spring Boot、Spring Data JPA、Thymeleaf、Bootstrap、jQuery 等。 以下是系统的部分代码示例，仅供参考。 1. UserController.java ```java @Controller @RequestMapping("/user") public class UserController { @Autowired private UserService userService; // 用户列表页面 @GetMapping("/list") public String list(Model model) { List<User> userList = userService.findAll(); model.addAttribute("userList", userList); return "user/list"; } // 新增用户页面 @GetMapping("/add") public String add(Model model) { model.addAttribute("user", new User()); return "user/form"; } // 编辑用户页面 @GetMapping("/edit/{id}") public String edit(@PathVariable("id") Long id, Model model) { User user = userService.findById(id); model.addAttribute("user", user); return "user/form"; } // 保存用户 @PostMapping("/save") public String save(@Valid User user, BindingResult result) { if (result.hasErrors()) { return "user/form"; } userService.save(user); return "redirect:/user/list"; } // 删除用户 @GetMapping("/delete/{id}") public String delete(@PathVariable("id") Long id) { userService.deleteById(id); return "redirect:/user/list"; } } ``` 2. UserService.java ```java public interface UserService { List<User> findAll(); User findById(Long id); void save(User user); void deleteById(Long id); } ``` 3. UserRepository.java ```java public interface UserRepository extends JpaRepository<User, Long> { } ``` 4. User.java ```java @Entity @Table(name = "user") public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @NotEmpty(message = "用户名不能为空") private String username; @NotEmpty(message = "密码不能为空") private String password; private String email; // 省略 getter 和 setter 方法 } ``` 5. list.html ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>用户列表</title> <link rel="stylesheet" href="/webjars/bootstrap/4.3.1/css/bootstrap.min.css"/> <script src="/webjars/jquery/3.4.1/jquery.min.js"></script> <script src="/webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <h2>用户列表</h2> <table class="table table-bordered table-striped"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>邮箱</th> <th>操作</th> </tr> </thead> <tbody> <tr th:each="user : ${userList}"> <td th:text="${user.id}"></td> <td th:text="${user.username}"></td> <td th:text="${user.email}"></td> <td> <a th:href="@{/user/edit/{id}(id=${user.id})}">编辑</a> <a th:href="@{/user/delete/{id}(id=${user.id})}" onclick="return confirm('确定删除吗？')">删除</a> </td> </tr> </tbody> </table> <a href="/user/add" class="btn btn-primary">新增用户</a> </div> </body> </html> ``` 6. form.html ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>用户表单</title> <link rel="stylesheet" href="/webjars/bootstrap/4.3.1/css/bootstrap.min.css"/> <script src="/webjars/jquery/3.4.1/jquery.min.js"></script> <script src="/webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <h2>用户表单</h2> <form th:action="@{/user/save}" method="post" th:object="${user}"> <input type="hidden" th:field="*{id}"/> <div class="form-group"> <label for="username">用户名</label> <input type="text" class="form-control" id="username" th:field="*{username}"/> <span th:if="${#fields.hasErrors('username')}" th:errors="*{username}"></span> </div> <div class="form-group"> <label for="password">密码</label> <input type="password" class="form-control" id="password" th:field="*{password}"/> <span th:if="${#fields.hasErrors('password')}" th:errors="*{password}"></span> </div> <div class="form-group"> <label for="email">邮箱</label> <input type="email" class="form-control" id="email" th:field="*{email}"/> <span th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></span> </div> <button type="submit" class="btn btn-primary">保存</button> <a href="/user/list" class="btn btn-secondary">取消</a> </form> </div> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值