基于SpringBoot+Vue的校园招聘管理系统（Java毕业设计）

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！

博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步!

吾等采石之人，应怀大教堂之心，愿我们奔赴在各自的热爱里…

一、选题背景介绍

📖☕️🌊📝📚🎩🚀📣

校园招聘管理系统：帮助企业招聘更好更优质的学生，帮助大学生更好的找工作

📝推荐理由：选题新颖，实用，基于SpringBoot+Vue的前后端分离项目

⚡️系统包含的技术

后端：SpringBoot(ssm)
前端：vue + element等
开发工具：IDEA
数据库：MySQL
JDK版本：jdk1.8

二、模块设计架构

• 系统设计： 招聘端+管理端
• 权限设计：有 管理员+用户+企业三种角色权限

招聘端：首页，招聘信息，求职者信息，友情链接，留言板，后台
管理，登录

管理端：管理员功能截图如下

管理端：分为 管理员+用户+企业 三种不同角色，每一种角色进入页面都不一样

系统设计的类图

用户登录时序图

列表相关时序图

如上时序图都可以用idea自动生成，节省时间和提高效率

手把手教学时序图：IDEA生成时序图和类图（案例超详解）

三、项目模块截图

备注：因为页面太多，本篇截取核心页面给大家展示

招聘端截图

求职者信息

留言板截图

个人中心页截图

用户登录:

如下为求职者，及普通用户登录的相关页面

点击详情页，我们可以更新用户的信息等等

企业登录

新增招聘相关信息

管理员登录：系统管理员可以管理企业+普通用户

企业管理

岗位管理

学历管理

招聘信息管理

求职者信息管理

本篇给大家分享相关系统的模块设计思路，欢迎留言沟通交流！

四、相关代码分享

文件上传的相关前端代码

<template><div><!-- 上传文件组件 --><el-upload
      ref="upload":action="getActionUrl"
      list-type="picture-card":multiple="multiple":limit="limit":headers="myHeaders":file-list="fileList":on-exceed="handleExceed":on-preview="handleUploadPreview":on-remove="handleRemove":on-success="handleUploadSuccess":on-error="handleUploadErr":before-upload="handleBeforeUpload"><i class="el-icon-plus"></i><div slot="tip" class="el-upload__tip" style="color:#838fa1;">{{tip}}</div></el-upload><el-dialog :visible.sync="dialogVisible" size="tiny" append-to-body><img width="100%":src="dialogImageUrl" alt></el-dialog></div></template><script>
import storage from "@/utils/storage";
import base from "@/utils/base";
export default{data(){return{// 查看大图
      dialogVisible: false,// 查看大图
      dialogImageUrl:"",// 组件渲染图片的数组字段，有特殊格式要求
      fileList:[],
      fileUrlList:[],
      myHeaders:{}};},
  props:["tip","action","limit","multiple","fileUrls"],mounted(){
    this.init();
    this.myHeaders={'Token':storage.get("Token")}},
  watch:{
    fileUrls:function(val, oldVal){//   console.log("new: %s, old: %s", val, oldVal);
      this.init();}},
  computed:{// 计算属性的 getter
    getActionUrl:function(){// return base.url + this.action + "?token=" + storage.get("token");return `/${this.$base.name}/` + this.action;}},
  methods:{// 初始化init(){//   console.log(this.fileUrls);if(this.fileUrls){
        this.fileUrlList = this.fileUrls.split(",");
        let fileArray =[];
        this.fileUrlList.forEach(function(item, index){
          var url = item;
          var name = index;
          var file ={
            name: name,
            url: url
          };
          fileArray.push(file);});
        this.setFileList(fileArray);}},handleBeforeUpload(file){},// 上传文件成功后执行handleUploadSuccess(res, file, fileList){if(res && res.code ===0){
        fileList[fileList.length -1]["url"]=
          this.$base.url +"upload/"+ file.response.file;
        this.setFileList(fileList);
        this.$emit("change", this.fileUrlList.join(","));}else{
        this.$message.error(res.msg);}},// 图片上传失败handleUploadErr(err, file, fileList){
      this.$message.error("文件上传失败");},// 移除图片handleRemove(file, fileList){
      this.setFileList(fileList);
      this.$emit("change", this.fileUrlList.join(","));},// 查看大图handleUploadPreview(file){
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;},// 限制图片数量handleExceed(files, fileList){
      this.$message.warning(`最多上传${this.limit}张图片`);},// 重新对fileList进行赋值setFileList(fileList){
      var fileArray =[];
      var fileUrlArray =[];// 有些图片不是公开的，所以需要携带token信息做权限校验
      var token = storage.get("token");
      fileList.forEach(function(item, index){
        var url = item.url.split("?")[0];
        var name = item.name;
        var file ={
          name: name,
          url: url +"?token="+ token
        };
        fileArray.push(file);
        fileUrlArray.push(url);});
      this.fileList = fileArray;
      this.fileUrlList = fileUrlArray;}}};</script><style lang="scss" scoped></style>

文件上传后端代码

/**
 * 上传文件映射表
 */
@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);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()){
                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);}}

登录功能相关代码

<template><div><img class="bg" src="@/assets/img/bg.jpg"><el-form :model="rulesForm":rules="rules" ref="rulesForm" class="login-form"><h1 class="h1">校园招聘系统登录</h1><el-form-item label="账号" prop="username"><el-input type="text" v-model="rulesForm.username"></el-input></el-form-item><el-form-item label="密码" prop="password"><el-input type="password" v-model="rulesForm.password"></el-input></el-form-item><el-form-item label="" prop="role"><el-radio v-for="item in menus" v-bind:key="item.roleName" v-model="rulesForm.role":label="item.roleName">{{item.roleName}}</el-radio></el-form-item><el-form-item label=""><a style="margin-right:10px" href="javascript:void(0)" @click="register('yonghu')">注册用户</a><a style="margin-right:10px" href="javascript:void(0)" @click="register('qiyexinxi')">注册企业信息</a></el-form-item><el-button @click="login()" class="btn-login" type="primary">登录</el-button></el-form></div></template><script>
    import menu from '@/utils/menu'

    export default{data(){return{
                rulesForm:{
                    username:"",
                    password:"",
                    role:""},
                menus:[],
                tableName:"",
                rules:{
                    username:[{required: true, message:"请输入账号", trigger:"blur"}],
                    password:[{required: true, message:"请输入密码", trigger:"blur"}],
                    role:[{required: true, message:"请选择角色", trigger:"blur"}]}};},mounted(){
            let menus = menu.list();
            this.menus = menus;},
        methods:{register(tableName){
                this.$storage.set("loginTable", tableName);
                this.$router.push({path:'/register'})},// 登录login(){
                this.$refs["rulesForm"].validate(valid =>{
                    let menus = this.menus;for(let i =0; i < menus.length; i++){if(menus[i].roleName == this.rulesForm.role){
                            this.tableName = menus[i].tableName
                        }}if(valid){
                        this.$http({
                            url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,
                            method:"post"}).then(({data})=>{if(data && data.code ===0){
                                this.$storage.set("Token", data.token);
                                this.$storage.set("role", this.rulesForm.role);
                                this.$storage.set("sessionTable", this.tableName);
                                this.$storage.set("adminName", this.rulesForm.username);
                                this.$router.replace({path:"/index/"});}else{
                                this.$message.error(data.msg);}});}});}}};</script><style lang="scss" scoped></style>

登录成功的时候会将token，role，sessionTable，adminName相关信息放入到storage缓存中

有源码 有源码 有源码

五、毕设专栏介绍

☕️最近开设的专栏整理了很多优秀Java项目，详细的分享了设计思路，计算机毕业生可以参考学习数据库设计，论文写作，项目优化等，每一篇博文均整理了相关系统可以设计的具体模块，以及详细的业务讲解，祝大家学业进步！

🚀Java项目精选：点击进入Java毕设专栏 关注走一波

📝分享的所有Java项目源码均包含（前端+后台+数据库），可做毕业设计或课程设计

论文写作指南：计算机专业毕业论文写作指导（案例超详解）

📣非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks！！！

📚愿我们奔赴在各自的热爱里！