案例-修改员工-查询回显&修改员工

本文介绍了如何使用SpringMVC和MyBatis在Java中实现员工信息的CRUD操作,包括分页查询、新增、修改和批量删除功能,展示了Controller、Service和Mapper层的代码实现。
摘要由CSDN通过智能技术生成

案例-修改员工-查询回显&修改员工

查询回显

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

package com.itheima.controller;


import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import com.itheima.pojo.Result;
import com.itheima.service.EmpService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.*;

import java.time.LocalDate;
import java.time.Period;
import java.util.List;

@Slf4j
@RestController
public class EmpController {
    @Autowired
    EmpService empService;

    /*分页查询*/
    @GetMapping("/emps")
    public Result page(@RequestParam(defaultValue = "1") Integer page, @RequestParam(defaultValue = "5") Integer pageSize, String name, Short gender, @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin, @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end) {
        log.info("获取参数:页数:{},页面大小:{},姓名:{},性别:{},入职时间区间:{},{}", page, pageSize, name, gender, begin, end);
        PageBean pageBean = empService.page(page, pageSize, name, gender, begin, end);
        return Result.success(pageBean);

    }


    /*批量删除员工*/
    @DeleteMapping("/emps/{ids}")
    public Result delete(@PathVariable List<Integer> ids) {
        log.info("批量删除操作:ids:{}", ids);
        empService.delete(ids);
        return Result.success();

    }

    /*新增员工*/
    @PostMapping("/emps")
    public Result insert(@RequestBody Emp emp) {
        log.info("新增员工信息:{}", emp);
        empService.insert(emp);
        return Result.success();
    }

    /*根据id查询员工*/
    @GetMapping("/emps/{id}")
    public Result getById(@PathVariable Integer id) {
        log.info("根据id查询:id:{}", id);
        Emp emp = empService.getById(id);
        return Result.success(emp);
    }
}

在这里插入图片描述

package com.itheima.service;


import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;

import java.time.LocalDate;
import java.util.List;

public interface EmpService {


    /*批量删除员工*/
    void delete(List<Integer> ids);

    /*分页查询*/
    PageBean page(Integer page, Integer pageSiz, String name, Short gender, LocalDate begin, LocalDate end);

    /*新增员工*/
    void insert(Emp emp);

    /*根据id查询员工*/
    Emp getById(Integer id);
}

在这里插入图片描述

package com.itheima.service.impl;

import com.github.pagehelper.Page;
import com.github.pagehelper.PageHelper;
import com.itheima.mapper.EmpMapper;
import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import com.itheima.service.EmpService;
import org.springframework.beans.factory.BeanNameAware;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.time.LocalDate;
import java.time.LocalDateTime;
import java.util.List;

@Service
public class EmpServiceImpl implements EmpService {
    @Autowired
    private EmpMapper empMapper;


    /*批量删除员工*/
    @Override
    public void delete(List<Integer> ids) {
        empMapper.delete(ids);
    }

    /*分页查询*/

    @Override
    public PageBean page(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end) {
        PageHelper.startPage(page, pageSize);
        List<Emp> empList = empMapper.list(page, pageSize, name, gender, begin, end);
        Page<Emp> p = (Page<Emp>) empList;
        return new PageBean(p.getTotal(), p.getResult());
    }


    /*新增员工*/

    @Override
    public void insert(Emp emp) {
        emp.setCreateTime(LocalDateTime.now());
        emp.setUpdateTime(LocalDateTime.now());
        empMapper.insert(emp);
    }


    /*根据id查询员工*/
    @Override
    public Emp getById(Integer id) {
      Emp emp =  empMapper.getById(id);
        return emp;
    }

}

在这里插入图片描述

package com.itheima.mapper;


import com.fasterxml.jackson.datatype.jsr310.deser.InstantDeserializer;
import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

import java.time.LocalDate;
import java.util.List;

@Mapper
public interface EmpMapper {
    /*获取总记录数*/
    @Select("select count(*) from emp")
    Long count();

    /*分页查询,获取列表数据*/
    @Select("select * from emp limit #{start},#{pageSize}")
    List<Emp> page(Integer start, Integer pageSize);

    /*批量删除员工*/
    void delete(List<Integer> ids);

    /*分页查询*/


    List<Emp> list(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end);

    /*新增员工*/
    @Insert("insert into emp (username, name, gender, image, job, entrydate, dept_id, create_time, update_time) value (#{username},#{name},#{gender},#{image},#{job},#{entrydate},#{deptId},#{createTime},#{updateTime})")
    void insert(Emp emp);

    /*根据id查询员工*/
    @Select("select * from emp where id =#{id}")
    Emp getById(Integer id);
}

在这里插入图片描述

修改员工

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

package com.itheima.controller;


import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import com.itheima.pojo.Result;
import com.itheima.service.EmpService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.*;

import java.time.LocalDate;
import java.time.Period;
import java.util.List;

@Slf4j
@RestController
public class EmpController {
    @Autowired
    EmpService empService;

    /*分页查询*/
    @GetMapping("/emps")
    public Result page(@RequestParam(defaultValue = "1") Integer page, @RequestParam(defaultValue = "5") Integer pageSize, String name, Short gender, @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate begin, @DateTimeFormat(pattern = "yyyy-MM-dd") LocalDate end) {
        log.info("获取参数:页数:{},页面大小:{},姓名:{},性别:{},入职时间区间:{},{}", page, pageSize, name, gender, begin, end);
        PageBean pageBean = empService.page(page, pageSize, name, gender, begin, end);
        return Result.success(pageBean);

    }


    /*批量删除员工*/
    @DeleteMapping("/emps/{ids}")
    public Result delete(@PathVariable List<Integer> ids) {
        log.info("批量删除操作:ids:{}", ids);
        empService.delete(ids);
        return Result.success();

    }

    /*新增员工*/
    @PostMapping("/emps")
    public Result insert(@RequestBody Emp emp) {
        log.info("新增员工信息:{}", emp);
        empService.insert(emp);
        return Result.success();
    }

    /*根据id查询员工*/
    @GetMapping("/emps/{id}")
    public Result getById(@PathVariable Integer id) {
        log.info("根据id查询:id:{}", id);
        Emp emp = empService.getById(id);
        return Result.success(emp);
    }
    /*修改员工*/
    @PutMapping("/emps")
    public Result update(@RequestBody Emp emp){
        log.info("修改员工:{}",emp);
        empService.update(emp);
        return Result.success();
    }
}

在这里插入图片描述

package com.itheima.service;


import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;

import java.time.LocalDate;
import java.util.List;

public interface EmpService {


    /*批量删除员工*/
    void delete(List<Integer> ids);

    /*分页查询*/
    PageBean page(Integer page, Integer pageSiz, String name, Short gender, LocalDate begin, LocalDate end);

    /*新增员工*/
    void insert(Emp emp);

    /*根据id查询员工*/
    Emp getById(Integer id);
    /*修改员工*/
    void update(Emp emp);
}

在这里插入图片描述

package com.itheima.service.impl;

import com.github.pagehelper.Page;
import com.github.pagehelper.PageHelper;
import com.itheima.mapper.EmpMapper;
import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import com.itheima.service.EmpService;
import org.springframework.beans.factory.BeanNameAware;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.time.LocalDate;
import java.time.LocalDateTime;
import java.util.List;

@Service
public class EmpServiceImpl implements EmpService {
    @Autowired
    private EmpMapper empMapper;


    /*批量删除员工*/
    @Override
    public void delete(List<Integer> ids) {
        empMapper.delete(ids);
    }

    /*分页查询*/

    @Override
    public PageBean page(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end) {
        PageHelper.startPage(page, pageSize);
        List<Emp> empList = empMapper.list(page, pageSize, name, gender, begin, end);
        Page<Emp> p = (Page<Emp>) empList;
        return new PageBean(p.getTotal(), p.getResult());
    }


    /*新增员工*/

    @Override
    public void insert(Emp emp) {
        emp.setCreateTime(LocalDateTime.now());
        emp.setUpdateTime(LocalDateTime.now());
        empMapper.insert(emp);
    }


    /*根据id查询员工*/
    @Override
    public Emp getById(Integer id) {
        Emp emp = empMapper.getById(id);
        return emp;
    }
    /*修改员工*/
    @Override
    public void update(Emp emp) {
        emp.setUpdateTime(LocalDateTime.now());
        empMapper.update(emp);
    }

}

在这里插入图片描述

package com.itheima.mapper;


import com.fasterxml.jackson.datatype.jsr310.deser.InstantDeserializer;
import com.itheima.pojo.Emp;
import com.itheima.pojo.PageBean;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

import java.time.LocalDate;
import java.util.List;

@Mapper
public interface EmpMapper {
    /*获取总记录数*/
    @Select("select count(*) from emp")
    Long count();

    /*分页查询,获取列表数据*/
    @Select("select * from emp limit #{start},#{pageSize}")
    List<Emp> page(Integer start, Integer pageSize);

    /*批量删除员工*/
    void delete(List<Integer> ids);

    /*分页查询*/


    List<Emp> list(Integer page, Integer pageSize, String name, Short gender, LocalDate begin, LocalDate end);

    /*新增员工*/
    @Insert("insert into emp (username, name, gender, image, job, entrydate, dept_id, create_time, update_time) value (#{username},#{name},#{gender},#{image},#{job},#{entrydate},#{deptId},#{createTime},#{updateTime})")
    void insert(Emp emp);

    /*根据id查询员工*/
    @Select("select * from emp where id =#{id}")
    Emp getById(Integer id);

    /*修改员工*/
    void update(Emp emp);
}

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.itheima.mapper.EmpMapper">
    <!--修改员工-->
    <update id="update">
        update emp
        <set>
            <if test="username!=null and username!=''">username =#{username},</if>

            <if test="password!=null">password=#{password}</if>

            <if test="name!=null and name!=''">name=#{name},</if>

            <if test="gender!=null">gender=#{gender},</if>

            <if test="image!=null and image!=''">image=#{image}</if>

            <if test="job!=null">job=#{job},</if>

            <if test="entrydate!=null">entrydate=#{entrydate},</if>

            <if test="deptId!=null">dept_id=#{deptId},</if>

            <if test="updateTime!=null">update_time=#{updateTime}</if>

        </set>
        where id=#{id}
    </update>
    <!--批量删除员工-->
    <delete id="delete">
        delete
        from emp
        where id in
        <foreach collection="ids" item="id" separator="," open="(" close=")">
            #{id}
        </foreach>
    </delete>
    <!--条件分页查询-->
    <select id="list" resultType="com.itheima.pojo.Emp">
        select *
        from emp
        <where>
            <if test="name!=null and name!=''">name like concat('%', #{name}, '%')</if>
            <if test="gender!=null">and gender = #{gender}</if>
            <if test="begin!=null and end!=null">and entrydate between #{begin} and #{end}</if>

        </where>

    </select>


</mapper>

在这里插入图片描述

你可以使用 el-checkbox-group 组件来实现查询数据库回显数据的功能。下面是一种可能的实现方式: 1. 首先,你需要从数据库中获取到需要回显的数据。可以使用后端的接口来查询数据库并返回数据。 2. 在前端,使用 el-checkbox-group 组件来展示回显的数据。在组件中,可以使用 v-for 指令循环渲染每个 checkbox。 3. 在循环中,为每个 checkbox 设置一个 v-model 绑定的变量,以便在选中或取消选中时更新数据。 4. 根据从后端获取的数据,将需要回显的数据的对应变量设置为 true,即默认选中状态。 下面是一个简单的示例代码: ```html <template> <el-checkbox-group v-model="selectedValues"> <el-checkbox v-for="option in options" :label="option.value" :key="option.value">{{ option.label }}</el-checkbox> </el-checkbox-group> </template> <script> export default { data() { return { options: [], // 数据库查询返回的选项数据 selectedValues: [], // 回显数据的数组 }; }, mounted() { // 调用后端接口查询数据库数据,并将返回的数据赋值给 options 数组 // 示例假设后端接口为 getOptions() this.getOptions().then((res) => { this.options = res.data.options; // 根据查询到的数据设置需要回显的选项 this.selectedValues = res.data.selectedOptions.map((option) => option.value); }); }, methods: { getOptions() { // 调用后端接口查询数据库数据的方法,返回 Promise 对象 return axios.get('/api/getOptions'); }, }, }; </script> ``` 在这个示例中,通过调用后端接口获取选项数据,并根据查询到的数据设置需要回显的选项。使用 v-model 绑定 selectedValues 数组来实现选中状态的管理。 请注意,这只是一个示例,具体实现可能会因你的项目和需求而有所不同。你需要根据你的数据库结构和接口返回的数据结构进行相应的调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

zkzap

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值