首页 > 数据库 >基于Spring Boot+Vue+MySQL的高校竞赛管理系统

基于Spring Boot+Vue+MySQL的高校竞赛管理系统

时间:2024-09-26 18:48:35浏览次数:10  
标签:竞赛 return Spring Boot Vue user new import public

目录

前言

 一、技术栈

二、系统功能介绍

三、核心代码

1、登录模块

 2、文件上传模块

3、代码封装


前言

高校竞赛管理,其工作流程繁杂、多样、管理复杂与设备维护繁琐。而计算机已完全能够胜任高校竞赛管理工作,而且更加准确、方便、快捷、高效、清晰、透明,它完全可以克服以上所述的不足之处。这将给查询信息和管理带来很大的方便,从而给高校竞赛管理管理者带来更高的效率,这也是高校竞赛管理正规化、现代化的重要标志。

在新冠疫情下,高校竞赛管理系统主要是用java语言开发的。系统根据B/S架构设计,选用springboot框架开发。Eclipse开发工具,形成的数据储存在MySQL数据库中。系统分成管理员控制模块和学生、老师模块。管理员可以管理学生信息、老师信息、竞赛类别、竞赛项目、学生报名、老师报名、学生打卡、老师打卡、学生成果、老师成果进行操作,学生可以查询竞赛项目、公告信息等和设定本人系统。本系统有良好的界面体验,功能基本齐全,让使用者体验度大大提升。

 一、技术栈

末尾获取源码
Spring Boot+JS+ jQuery+Ajax...

二、系统功能介绍

管理员登录,通过登录页面输入用户名、密码、选择角色等信息,进行登录操作,如图4-1所示。

 管理员登录进入高校竞赛管理系统可以对系统首页、个人中心、学生管理、老师管理、竞赛类别管理、竞赛项目管理、学生报名管理、老师报名管理、学生打卡管理、老师打卡管理、学生成果管理、老师成果管理、系统管理等信息,进行相应操作,如图4-2所示。

 管理员点击学生管理:在学生管理页面中输入学号、学生姓名、性别、邮箱、手机号码、年级、专业、班级、所属学院、头像等内容,进行查询、新增或者删除学生信息等操作,如图4-3所示。

 管理员点击老师管理:在老师管理页面中输入工号、老师姓名、性别、邮箱、联系手机、职称、所属学院、头像等内容,进行查询、新增或者删除老师信息等操作,如图4-4所示。

 管理员点击竞赛项目管理:在竞赛项目管理页面中输入竞赛名称、竞赛封面、竞赛类别、赛事说明、举办方、竞赛时间、报名人数、赛道说明、竞赛地点、赛事适合的专业、参赛人员要求等内容,进行查询、新增或者删除竞赛项目等操作,如图4-5所示。

 管理员点击学生报名管理:在学生报名管理页面中对竞赛名称、竞赛类别、举办方、赛道说明、竞赛时间、竞赛地点、报名人数、学号、学生姓名、所属学院、报名时间、审核回复、审核状态、审核等内容,进行查询或者删除学生报名等操作,如图4-6所示。

 管理员点击老师报名管理:在老师报名管理页面中对竞赛名称、竞赛类别、举办方、赛道说明、竞赛时间、竞赛地点、报名人数、工号、老师姓名、所属学院、报名时间、审核回复、审核状态、审核等内容,进行查询或者删除老师报名等操作,如图4-7所示。

 管理员点击学生打卡管理:在学生打卡管理页面中对竞赛名称、竞赛类别、举办方、学号、学生姓名、所属学院、参赛进度、打卡时间等内容,进行查询或者删除学生打卡信息等操作,如图4-8所示。

 在系统上学生点击登录按钮,在登录界面填写信息完成后,单击登录操作,如图4-8  4-9所示:

 学生登录到系统后可以对系统首页、个人中心、学生报名管理、学生打卡管理、学生成果管理等功能进行操作。如图4-10所示:

 在系统上老师点击登录按钮,在登录界面填写信息完成后,单击登录操作,如图4-8  4-11所示:        

 老师登录系统后可以对系统首页、个人中心、老师报名管理、老师打卡管理、老师成果管理等功能进行操作。如图4-12所示:

 网站首页页面主要包括首页、竞赛项目、公告信息、后台管理、个人中心等内容,并根据需要进行详细操作;如图4-13所示:

 注册时将进行密码校验,若密码不一致将不能注册,以此来防止学生输入错误密码,影响体验,下面截图是学生注册成功页面,如图4-14所示。

 学生将在此界面进行身份验证和登录,该页面将在前台提交数据给后台之前对表单中的用户名和密码进行格式校验,比如输入的验证信息不能为空,并给予相应的提示信息,下面截图是学生登录成功页面,如图4-15所示。

 学生点击竞赛项目,在竞赛项目页面的搜索栏输入竞赛名称、赛事说明、竞赛地点、赛事适合的专业,可以查询,也可以查看竞赛名称、竞赛封面、竞赛类别、赛事说明、举办方、竞赛时间、报名人数、赛道说明、竞赛地点、赛事适合的专业、参赛人员要求等内容,并进行学生报名、老师报名或收藏等操作;如图4-16所示。

 学生点击个人中心,在个人中心页面可以修改个人信息、密码修改,然后可以对我的收藏进行详细操作,如图4-17所示。

 

三、核心代码

1、登录模块

 
package com.controller;
 
 
import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;
 
import javax.servlet.http.HttpServletRequest;
 
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
 
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;
 
/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;
 
	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }
 
	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }
 
	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }
 
    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
 
    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

 2、文件上传模块

package com.controller;
 
import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.util.Arrays;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Random;
import java.util.UUID;
 
import org.apache.commons.io.FileUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.util.ResourceUtils;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
 
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.ConfigEntity;
import com.entity.EIException;
import com.service.ConfigService;
import com.utils.R;
 
/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		FileUtils.copyFile(dest, new File("C:\\Users\\Desktop\\jiadian\\springbootl7own\\src\\main\\resources\\static\\upload"+"/"+fileName));
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public ResponseEntity<byte[]> download(@RequestParam String fileName) {
		try {
			File path = new File(ResourceUtils.getURL("classpath:static").getPath());
			if(!path.exists()) {
			    path = new File("");
			}
			File upload = new File(path.getAbsolutePath(),"/upload/");
			if(!upload.exists()) {
			    upload.mkdirs();
			}
			File file = new File(upload.getAbsolutePath()+"/"+fileName);
			if(file.exists()){
				/*if(!fileService.canRead(file, SessionManager.getSessionUser())){
					getResponse().sendError(403);
				}*/
				HttpHeaders headers = new HttpHeaders();
			    headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);    
			    headers.setContentDispositionFormData("attachment", fileName);    
			    return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.CREATED);
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
		return new ResponseEntity<byte[]>(HttpStatus.INTERNAL_SERVER_ERROR);
	}
	
}

3、代码封装

package com.utils;
 
import java.util.HashMap;
import java.util.Map;
 
/**
 * 返回数据
 */
public class R extends HashMap<String, Object> {
	private static final long serialVersionUID = 1L;
	
	public R() {
		put("code", 0);
	}
	
	public static R error() {
		return error(500, "未知异常,请联系管理员");
	}
	
	public static R error(String msg) {
		return error(500, msg);
	}
	
	public static R error(int code, String msg) {
		R r = new R();
		r.put("code", code);
		r.put("msg", msg);
		return r;
	}
 
	public static R ok(String msg) {
		R r = new R();
		r.put("msg", msg);
		return r;
	}
	
	public static R ok(Map<String, Object> map) {
		R r = new R();
		r.putAll(map);
		return r;
	}
	
	public static R ok() {
		return new R();
	}
 
	public R put(String key, Object value) {
		super.put(key, value);
		return this;
	}
}

标签:竞赛,return,Spring,Boot,Vue,user,new,import,public
From: https://blog.csdn.net/2301_77541824/article/details/142490444

相关文章

  • java+vue计算机毕设毕业设计过程化管理系统【源码+程序+论文+开题】
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着高等教育规模的不断扩大和教育信息化进程的加速,毕业设计作为培养学生实践能力、创新能力和综合素质的重要环节,其管理过程日益复杂。传统的手工或......
  • java+vue计算机毕设毕业生实习管理系统【源码+程序+论文+开题】
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着高等教育规模的扩大与教育改革的深入,毕业生实习作为连接理论知识与实际操作的重要桥梁,其重要性日益凸显。然而,传统实习管理方式多依赖于纸质文档......
  • java+vue计算机毕设班级疫情管理系统【源码+程序+论文+开题】
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在全球化日益加深的今天,疫情的快速传播对教育体系构成了前所未有的挑战。传统的班级管理模式在面对突发疫情时显得力不从心,信息传达不及时、健康监测......
  • vue 使用LivePlayer H5播放器播放m3u8格式视频
    一、官方网址 https://www.liveqing.com/docs/manuals/LivePlayer.html#%E5%9C%A8-vue-%E4%B8%AD%E4%BD%BF%E7%94%A8二、安装依赖npminstall@liveqing/liveplayer三、复制依赖文件在node_modules下找到这三个文件将他们复制到public文件夹下四、在index.html中引入liveplayer-li......
  • SPRINGCLOUD上传大文件的三种解决方案
    前端:vue2,vue3,vue-cli,webuploader,html5后端:SpringBoot数据库:MySQL,Oracle,SQLServer,达梦,人大金仓,国产化数据库协议:HTTPWebServer:Tomcat,Resin服务器:Linux,国产化系统功能:大文件上传,断点续传,秒传,加密传输,加密存储,文件夹上传,文件夹层级结构技术:支持第三方软件集......
  • vue项目部署到nginx后一刷新页面就404
    在Vue项目部署到Nginx服务器上时,遇到刷新页面显示404的问题,通常是因为Nginx无法正确地处理Vue路由。Vue应用的路由是前端路由,依赖于JavaScript来动态解析URL,当直接访问除根路径外的URL时,Nginx默认会尝试在服务器上找到对应的文件或目录,如果找不到就会返回404错误。为了解决这个问......
  • 如何用Java SpringBoot Vue搭建宠物店管理系统?实现高效业务流程
    ✍✍计算机毕业编程指导师**⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流!⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取......
  • 如何用Java SpringBoot构建老年人健康管理系统?三步轻松上手,选题不再难!
    ✍✍计算机毕业编程指导师**⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流!⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取......
  • java+vue计算机毕设本科生考勤与考核管理信息系统【源码+程序+论文+开题】
    本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着高校规模的不断扩大和学生人数的急剧增加,传统的人工考勤与考核方式已难以满足高效、准确的管理需求。在日常教学管理中,学生考勤、成绩管理、选课......
  • vue3对接-捷宇SDK高拍仪
    vue3对接捷宇的sdk高拍仪。一般来说拿到捷宇对接资料,拿到控件,安装到需要的机器上不同的设备型号,插件会不一样,捷宇只适合windos系统。对接资料大概这些在对应的机器上安装控件(如果控件版本较老,则只支持IE浏览器)控件无脑安装就行,控件安装完成后需要去注册表搜索......