添加员工

[TOC]

简要描述

• 添加员工

前端页面和服务端交互过程

• 页面发送ajax请求，将新增员工页面中输入的数据以json的形式提交到服务端
• 服务端Controller接收页面提交的数据并调用Service将数据进行保存
• Service调用Mapper操作数据库，保存数据

触发事件

<el-button
  type="primary"
  @click="addMemberHandle('add')"
>
  + 添加员工
</el-button>

接口调用

addEmployee(params).then(res => {
  if (res.code === 1) {
    this.$message.success('员工添加成功！')
    if (!st) {
      this.goBack()
    } else {
      this.ruleForm = {
        username: '',
        'name': '',
        'phone': '',
        // 'password': '',
        // 'rePassword': '',/
        'sex': '男',
        'idNumber': ''
      }
    }

请求URL

• [context-path]/employee

请求方式

• POST

API接口

function addEmployee (params) {
  return $axios({
    url: '/employee',
    method: 'post',
    data: { ...params }
  })
}

参数

参数名	必选	类型	说明
name	是	varchar(32)	账号
username	是	varchar(32)	员工姓名
phone	是	varchar(64)	手机号
sex	是	varchar(2)	性别
id_number	是	varchar(18)	身份证号

返回示例

code: 1
data: "新增员工成功"
map: {}
msg: null

返回参数说明

参数名	类型	说明
code	int	返回码：1：成功 0或其他：失败
data	object	返回数据
map	map	动态数据
msg	string	错误信息

备注

• data有两种返回结果

public static <T> R<T> success(T object) {
    R<T> r = new R<T>();
    r.data = object;
    r.code = 1;
    return r;
}

public static <T> R<T> error(String msg) {
    R r = new R();
    r.msg = msg;
    r.code = 0;
    return r;
}

后端接口请求参数

• @RequestBody 接收前端传递给后端的json字符串中的数据(请求体Employee中的数据)

后端代码

@PostMapping
public R<String> save(@RequestBody Employee employee){
    employee.setPassword("123456");
    employeeService.save(employee);

    return R.success("新增员工成功");
}