一、源码特点
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
四系统实现
需要源码 其他的定制服务 下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者
