1983springboot VUE兼职招聘管理系统开发mysql数据库web结构java编程计算机网页源码maven项目

于 2024-06-28 08:11:57 发布
阅读量361 收藏 3
点赞数 6
分类专栏： java类 文章标签： 数据库 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41221322/article/details/140032061
版权

一、源码特点
  springboot VUE兼职招聘管理系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统，对理解JSP java编程开发语言有帮助系统采用springboot框架（MVC模式开发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

springboot vue 校园招聘管理系统1


前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以 不建议。

2.IDE环境：推荐IDEA;

3.硬件环境：windows 7/8/10 1G内存以上；；

5.数据库：MySql 5.0 到 5.5 等版本均可 需要高版本 如mysql8.0 需要修改数据连接配置，以及maven中的mysql 驱动包；

6.是Maven项目；查看源码目录中是否包含pom.xml；

使用说明

1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件 数据库字符集gb2312；

2. 使用IDEA导入项目;

3. 将项目中shequ\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ，如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动  npm run serve 
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

(1)管理员管理：对管理员信息进行添加、删除、修改和查看
(2)学生管理：对学生信息进行添加、删除、修改和查看
(3)雇主管理：对雇主信息进行添加、删除、修改和查看
(4)兼职管理：对兼职信息进行添加、删除、修改和查看
(5)申请兼职管理：对申请兼职信息进行添加、删除、修改和查看
(6)评论管理：对评论信息进行添加、删除、修改和查看
(7)个人信息修改

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `xuesheng` (
`xsid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`zy` VARCHAR(40) default NULL COMMENT '专业',
`xb` VARCHAR(40) default NULL COMMENT '性别',
`yx` VARCHAR(40) default NULL COMMENT '邮箱',  PRIMARY KEY  (`xsid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `guzhu` (
`gzid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`yx` VARCHAR(40) default NULL COMMENT '邮箱',  PRIMARY KEY  (`gzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jianzhi` (
`jzid` int(11) NOT NULL auto_increment,
`bh` VARCHAR(40) default NULL COMMENT '编号',
`mc` VARCHAR(40) default NULL COMMENT '名称',
`nr` VARCHAR(40) default NULL COMMENT '内容',
`fy` VARCHAR(40) default NULL COMMENT '费用',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间',
`gz` VARCHAR(40) default NULL COMMENT '雇主',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`jzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `sqjz` (
`sqjzid` int(11) NOT NULL auto_increment,
`jz` VARCHAR(40) default NULL COMMENT '兼职',
`bt` VARCHAR(40) default NULL COMMENT '标题',
`sm` VARCHAR(40) default NULL COMMENT '说明',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sqsj` VARCHAR(40) default NULL COMMENT '申请时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`sqjzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

代码设计

/**雇主列表 查询guzhu
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String yhm
			    )  {

        Result res=new Result();


        List list=null;
          Map  map1= new HashMap();

        try{


	
	if(yhm!=null&&!yhm.equals("")){
	map1.put("yhm",yhm);//用户名 传入查询参数
	}
		  int a=(page-1)*szie;
        map1.put("start",a);//分页起始位置
       map1.put("end",szie);//分页结束位置
        list=guzhudao.getAllp(map1);//传入 方法参数  //查询guzhu表数据返回 list对象
          


           
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

           list=guzhudao.getAll(map1);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**雇主列表 查询guzhu
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String yhm
			    )  {

        Result res=new Result();


        List list=null;
    	Map  map1= new HashMap();
	
	if(yhm!=null&&!yhm.equals("")){
	map1.put("yhm",yhm);//用户名 传入查询参数
	}
	try{
	  
	 list=guzhudao.getAll(map1);//传入 方法参数  //查询guzhu表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**雇主添加方法 对表 guzhu  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody guzhu bean){
            Result res=new Result();


	try{
         
            if(bean.getGzid()!=null&&!bean.getGzid().equals("")){
            guzhudao.update(bean);//执行 修改 guzhu 添加操作
                res.setMessage("操作成功");
                res.setCode(200);
            }else{

                List list=null;
                Map  map1= new HashMap();

                map1.put("yhm",bean.getYhm());


                list=guzhudao.checkGuzhu(map1);

                if(list.size()>0){
                    res.setMessage("注册失败、用户名重复");
                    res.setCode(201);
                }else {
                    guzhudao.add(bean);//执行 添加guzhu 添加操作
                    res.setMessage("注册成功");
                    res.setCode(200);
                }
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }


        //System.out.println(res);



        return res;

    }

vue设计


    <el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'"  @selection-change="handleSelectionChange">

     
        <el-table-column  label="序号" width="80"
      type="index"
      :index="indexMethod">

    </el-table-column>

      <el-table-column prop="bh" label="编号" width="120"></el-table-column>
      <el-table-column prop="mc" label="名称" width="120"></el-table-column>

      <el-table-column prop="fbsj" label="发布时间" width="160"></el-table-column>
      <el-table-column prop="gz" label="雇主" width="80"></el-table-column>
      <el-table-column prop="zt" label="状态" width="80"></el-table-column>
    
      <el-table-column label="操作"  width="280" align="center">
        <template slot-scope="scope">
        
        <el-button type="info" @click="handleDetail(scope.row)">详情 <i class="el-icon-reading"></i></el-button>
          <el-button type="success" @click="handleEdit(scope.row)">编辑 <i class="el-icon-edit"></i></el-button>
          <el-popconfirm
              class="ml-5"
              confirm-button-text='确定'
              cancel-button-text='我再想想'
              icon="el-icon-info"
              icon-color="red"
              title="您确定删除吗？"
              @confirm="del(scope.row.jzid)"
          >
            <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    <div style="padding: 10px 0">
      <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
      </el-pagination>
    </div>

    <el-dialog title="兼职信息" :visible.sync="dialogFormVisible" width="50%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >

        <el-form-item label="编号" prop="bh"  >
          <el-input v-model="form.bh"  ></el-input>
       </el-form-item>
        <el-form-item label="名称" prop="mc"  >
          <el-input v-model="form.mc"  ></el-input>
       </el-form-item>
        <el-form-item label="内容" prop="nr"  >
          <el-input v-model="form.nr" type="textarea" rows="5" style="80%"  ></el-input>
       </el-form-item>
        <el-form-item label="费用" prop="fy"  >
          <el-input v-model="form.fy"  ></el-input>
       </el-form-item>
        <el-form-item label="发布时间" prop="fbsj"  >
          <el-input v-model="form.fbsj"  ></el-input>
       </el-form-item>
        <el-form-item label="雇主" prop="gz"  >
          <el-input v-model="form.gz"  ></el-input>
       </el-form-item>
        <el-form-item label="状态" prop="zt"  >
          <el-input v-model="form.zt"  ></el-input>
       </el-form-item>
  
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
      
    </el-dialog>


        <el-dialog title="查看兼职信息" :visible.sync="dialogDetailVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >


        <el-form-item label="编号" prop="bh"  required>
         {{form.bh}}
       </el-form-item>

        <el-form-item label="名称" prop="mc"  required>
         {{form.mc}}
       </el-form-item>

        <el-form-item label="内容" prop="nr"  required>
         {{form.nr}}
       </el-form-item>

        <el-form-item label="费用" prop="fy"  required>
         {{form.fy}}
       </el-form-item>

        <el-form-item label="发布时间" prop="fbsj"  required>
         {{form.fbsj}}
       </el-form-item>

        <el-form-item label="雇主" prop="gz"  required>
         {{form.gz}}
       </el-form-item>

        <el-form-item label="状态" prop="zt"  required>
         {{form.zt}}
       </el-form-item>

    
    
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogDetailVisible = false">关闭</el-button>
       
      </div>
      
    </el-dialog>


    
  
 
  </div>
</template>

<script>
import {serverIp} from "../../public/config";

export default {
  name: "jianzhi",
  data() {
    return {
      serverIp: serverIp,
      tableData: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      bh: "",
       form: {},
      dialogFormVisible: false,
      dialogDetailVisible:false,
      multipleSelection: [],
        vis: false,
      rules: {
        bh: [
          { required: true, message: '请输入编号', trigger: 'blur' }
        ],
        mc: [
          { required: true, message: '请输入名称', trigger: 'blur' }
        ],
        nr: [
          { required: true, message: '请输入内容', trigger: 'blur' }
        ],
        fy: [
          { required: true, message: '请输入费用', trigger: 'blur' }
        ],
        fbsj: [
          { required: true, message: '请输入发布时间', trigger: 'blur' }
        ],
        gz: [
          { required: true, message: '请输入雇主', trigger: 'blur' }
        ],
        zt: [
          { required: true, message: '请输入状态', trigger: 'blur' }
        ],
      
      }
    }
  },
  created() {
    this.load()
  },
  methods: {
      indexMethod(index) {
        return index+1;
      },
   
    load() {
      this.request.get("/jianzhi/list", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          bh: this.bh,
        }
      }).then(res => {
            console.log(res.data)
      this.tableData = JSON.parse(res.data)
         this.total =res.num

      })

     
    },
    save() {
      //保存方法
      this.$refs['beanForm'].validate((valid) => {
        if (valid) {  // 表单校验合法


      this.request.post("/jianzhi/add", this.form).then(res => {

     

         // 表单校验合法
        if (res.code == '200') {
          this.$message.success(res.message)
          this.dialogFormVisible = false
       this.load()
        } else {
          this.$message.error(res.message)
        }

        
      })

        }
      });
      
     
    },
    handleAdd() {
      this.dialogFormVisible = true
      this.form = {}
    },

    handleEdit(row) {
      this.form = JSON.parse(JSON.stringify(row))
      this.dialogFormVisible = true
    },
       handleDetail(row) {
      this.form = JSON.parse(JSON.stringify(row))
      this.dialogDetailVisible = true
    },
    del(id) {//删除方法
      this.request.delete("/jianzhi/del/" + id).then(res => {
        if (res.code == '200') {
          this.$message.success(res.message)
          this.load()
        } else {
          this.$message.error("删除失败")
        }
      })
    },
    handleSelectionChange(val) {
      console.log(val)
      this.multipleSelection = val
    },

    reset() {//重置方法

      this.bh = ""
      this.mc = ""
      this.nr = ""
      this.fy = ""
      this.fbsj = ""
      this.gz = ""
      this.zt = ""
      this.load()
    },

三、注意事项
1、管理员账号：admin密码：admin 数据库配置文件\src\main\resources\application.properties
2、开发环境为IDEA开发，数据库为mysql，使用java语言开发。
3、数据库文件名是javajzzp.sql 系统名称jzzp4、地址：http://128.0.0.1:8080/login

四系统实现

需要源码 其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

qq_251836457
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

qq_251836457

你的鼓励 是我最大的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值