【毕业设计】springboot+vue考试报名系统-免费

前言

【毕业设计】springboot+vue考试报名系统

🥇个人主页@MIKE笔记
🥈文章专栏毕业设计源码
联系博主: wx:mikenote


毕设目录

项目名地址
1、【毕业设计】基于springboot的大学生综合素质测评管理系统http://t.csdn.cn/smVjL
2、【毕业设计】基于springboot + vue微信小程序文创平台商城http://t.csdn.cn/rUQDg
3、【毕业设计-免费获取】springboot+vue—酒店客房管理系统 -免费http://t.csdn.cn/4zBzE
4、【毕业设计】springboot+vue前后端分离-考试报名管理系统-免费http://t.csdn.cn/TpHxC

介绍

  1. 根据枚举值类型,选择发布考试类型。
  2. 自动化发布考试资讯,到达对应时间自动发布对应公告。
  3. 引入支付宝在线支付功能。
  4. 咨询与备考在线群聊实时聊天功能。
  5. 导出每场考试报名人信息Excel表格。
  6. 准考证打印功能,形成Word文档。
  7. 成绩查询功能,支持导入成绩Excel表格。
  8. 仪表盘监控功能,考试成绩走势图。
  9. 依据发布的考试时间,自动更新考试状态,本系统考试状态有:未开始、报名中、打印准考证、成绩查询等,只有考试到达了相应的状态,才能执行对应的操作。例如:打印准考证状态的考试,考生才可以打印准考证;成绩查询状态的考试,考生才可以查询成绩。

系统架构

  1. 后端: Spring Boot2.5.3、Mybatis
  2. 前端:Vue2.0
  3. 数据库:Mysql、Redis

前台

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

后台

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Vue-simple-uploader是一个轻量级的vue文件上传组件,可以支持多文件上传以及上传进度和错误信息提示。 要使用vue-simple-uploader实现文件夹上传,需要先将文件夹打包为zip文件,然后使用vue-simple-uploader上传zip文件即可。 以下是实现步骤: 1.安装vue-simple-uploader ``` npm install vue-simple-uploader --save ``` 2.在Vue组件中引入Vue-simple-uploader ``` import Uploader from 'vue-simple-uploader' export default { components: { Uploader } } ``` 3.在Vue组件中使用Vue-simple-uploader ``` <template> <div> <uploader ref="uploader" :upload-url="uploadUrl" :headers="headers" :data="formData" :multiple="false" :extensions="extensions" :auto-upload="false" @file-added="onFileAdded" @file-removed="onFileRemoved" @uploading="onUploading" @upload-success="onUploadSuccess" @upload-error="onUploadError" @upload-complete="onUploadComplete" /> <button @click="uploadFolder">上传文件夹</button> </div> </template> ``` 4.在Vue组件中实现上传文件夹的方法 ``` methods: { uploadFolder() { // 将文件夹打包为zip文件 let zip = new JSZip() let folder = zip.folder('folder') // 添加文件夹中的文件 folder.file('file1.txt', 'content1') folder.file('file2.txt', 'content2') // 生成zip文件 zip.generateAsync({ type: 'blob' }).then((blob) => { // 将zip文件上传 let file = new File([blob], 'folder.zip') this.$refs.uploader.add([file]) this.$refs.uploader.upload() }) }, onUploadSuccess(response, file, fileList) { // 上传成功回调函数 console.log(response) }, onUploadError(error, file, fileList) { // 上传失败回调函数 console.log(error) } } ``` 上述代码中,使用JSZip将文件夹打包为zip文件,然后将zip文件添加到vue-simple-uploader中,最后调用upload方法上传文件。上传成功或失败后,会分别调用onUploadSuccess和onUploadError回调函数。 需要注意的是,由于JSZip依赖于浏览器的原生Zip API,因此在一些不支持Zip API的浏览器上可能无法使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MIKE笔记(同名B站)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值