SpringBoot+VUE+ MyBatis实现人事管理系统（已开源）

quallAll() {

//发送请求 接收相应数据 将数据交给组件

request.get(“/queryAll”).then(response => {

console.log(response.data);

this.emps = response.data

})

},

//数据回显

queryOne(id) {

//先将fun中的添加换为为修改

this.fun=“修改”;

if(window.confirm(“你确定修改吗？”)){

request.get(“/queryOne?id=” + id).then((emp) => {

this.emp=emp.data;

this.quallAll();

})

}

},

//添加员工

insert() {

//接收数据 双向绑定

console.log(this.emp);

if(window.confirm(“确认添加员工吗”)){

request.post(“/add”, this.emp).then(() => {

this.quallAll();

this.emp = {}

})

}

},

//根据id删除

del(id) {

if (window.confirm(“你确定添加/修改这个员工信息吗？”)) {

request.get(“/delete?id=” + id).then(() => {

this.quallAll();

})

}

}

},

created() {

this.quallAll();

}

}

3、router路由

import Vue from ‘vue’

import Router from ‘vue-router’

Vue.use(Router)

export default new Router({

routes: [

{

path: ‘/Emps’,

name: ‘Emps’,

component: ()=>import(“…/components/Emps”)

}

]

})

4、App.vue

登录系统人事管理系统

四、SpringBoot+Mybatis后端代码实现

=================&