毕业设计开源分享：SpringCloud+Vue3打造在线考试系统-Toy模板网

这篇具有很好参考价值的文章主要介绍了毕业设计开源分享：SpringCloud+Vue3打造在线考试系统。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

为考-考试平台

毕业设计：为考-考试系统，后端采用Spring Cloud，前端采用Vue 3，存储采用Mysql，缓存采用Redis。完成基本的考试功能。完成了遗传算法自动组卷、文本批量导入题库，邀请码加入课程、数据可视化等一系列前后端功能。悄悄的说一下，如果你觉得本项目还凑合，可以给个Star q(≧▽≦q)

介绍

系统截图

项目地址

为考-考试平台-前端：

Gitee：https://gitee.com/for-the-exam/exam-web

Github：https://github.com/baymaxsjj/exam-web

为考-考试平台-后端：

Gitee：https://gitee.com/for-the-exam/exam

Github：https://github.com/baymaxsjj/exam

数据库数据填充工具：

专为此项目写的工具，为了给数据库填充点数据，好测试。其实也是为了毕设演示环节有更多的数据进行展示。测试和展示都很好用的工具，可以在你的项目上试试啊(会点Mock.js语法就行)！

Gitee：https://gitee.com/baymaxsjj/sqlmock

Github：https://gitee.com/baymaxsjj/sqlmock

系统

框架：SpringBoot、SpringCloud、Mybatis Plus、WebSocket
数据库：Mysql
缓存：Redis
前端：Vue 3、Vite、Pinia、Arco UI(字节的,我觉得比其他UI要好看)

完成功能

创建课程、添加课程、班级码加入课程
创建班级、查看班级用户、分享班级码
课堂互相实时聊天
创建题库、题库树形分类
创建题目（单、多、判、填、主观）、修改题目选项
创建试卷、修改试卷、手动组卷、遗传算法自动组卷
创建考试、修改考试
考试控制台、考试概览、老师批阅、数据统计、考试监控
参加考试
行为监控
实时消息通知
考试数据导出
考生数据统计分析

说明

第一次接触SpringBoot和SpringCloud，为了尽快的完成该项目，很多功能没有进行太多的规划和测试，代码逻辑较乱。只实现了主要功能,本来是想写个学习平台的.但是范围太大,不太好完成.所以就完成了其中的考试功能.

如果你想以本项目做毕设，我建议你可以以完成其他模块入手或者完成本项目没有完成的功能、待优化的功能，如后台管理、错题本，笔记。可以去体验下**通，找找思路，不建议直接使用本项目，毕设应该自己去动动手，这将会是你那简历中挺好的一个经验吧~。哎~~不过找工作还是好难找不到啊！找前端，哎，后端吧，东西太多记不住，其实我感觉就是人太多，投简历人家都看不见吧~~，还有就是自己的基础不牢靠，会模仿着实现一些功能，但很多知识记不住啊！面向百度编程啊！

功能图

毕业设计开源分享：SpringCloud+Vue3打造在线考试系统

E-R图

不知道画的对不对，记得上数据库实训的时候，给我那个博客画的E-R图，结果被老师训了一顿。到现在想起还有点害怕＞︿＜
毕业设计开源分享：SpringCloud+Vue3打造在线考试系统

为考-前端

配置说明

根据实际环境，更改.env下的请求地址，如后台网关地址，图片资源地址

主题

如需更改主题，到下面的网站去制作主题，发布npm，然后把项目中的npm-@arco-themes/vue-mgo-blog包改了就行。 Arco UI:使用风格配置平台，轻松定制主题风格，从容应对各种业务需求。https://arco.design/themes

安装pnpm

npm install pnpm -g

安装依赖

pnpm install

运行项目

pnpm run dev

打包

//编译
pnpm run build

为考后端

使用说明

下载和启动nacos

nacos官网下载

startup.cmd -m standalone

更改配置

启动数据库：创建并导入本项目中sql目录下的sql文件。启动Redis,Nginx

并修改项目中各个微服务application.yml中涉及的用户名和密码

本地测试

由于注册功能使用的是邮箱注册登录，在本地测试下如果没有配置邮箱功能，就不能注册，如需测试使用，请使用：

用户名：baymax 密码：s123456

更改图片上传地址（如果一样的话就可以不用更改）

本地通过开启nginx服务进行静态访问。前端在.env文件中更改图片服务器的地址。

后端在fte-service/fte-file-service/src/main/resources/application.yml更该文件保存的路径，并启动Nginx服务器把该路径作为服务器逻辑。

如果更改了配置，记得在前端.env中更改图片地址，要不然图片加载不出来

#前端.env
VITE_FILE_PATH=http://localhost:10030

更换公钥和私钥（可选）

keytool -genkeypair -alias jwt -validity 3650 -keyalg RSA -dname "CN=jwt,OU=jtw,O=jwt,L=zurich,S=zurich, C=CH" -keypass 12345 -keystore jwt.jks -storepass 12345

把这个文件放到认证服务器的resouces目录下

keytool -list -rfc --keystore jwt.jks | openssl x509 -inform pem -pubkey

复制公钥到资源服务器的resouces目录下，public.cert

更换邮箱和密码（可选）

fte-service/fte-mails-service/src/main/resources/application.yml

  mail:
    #smtp服务主机  qq邮箱则为smtp.qq.com
    host: smtp.qq.com
    port: 587
    #服务协议
    #    protocol: smtps
    # 编码集
    default-encoding: UTF-8
    nickname: baymax
    #发送邮件的账户
    username: youremail 
    #授权码
    password: password

更换第三方登录信息（可选）

fte-service/fte-user-service/src/main/resources/application.yml

justauth:
  enabled: true
  type:
    gitee:
      client-id: idorkey
      client-secret: idorkey
      redirect-uri: http://127.0.0.1:3030/uapi/public/user/login/GITEE/callback
    qq:
      client-id: idorkey
      client-secret: idorkey
      redirect-uri: http://127.0.0.1:3030/uapi/public/user/login/gitee/callback
    github:
      client-id: idorkey
      client-secret: idorkey
      redirect-uri: http://127.0.0.1:3030/uapi/public/user/login/github/callback