SSM整合篇】六. SSM整合增删改 基于【SSM整合篇】五

【SSM整合篇】六. SSM整合增删改 基于【SSM整合篇】五

github源码(day58-ssm-crud) https://github.com/1196557363/ideaMavenProject

项目准备

  1. 本项目基于 【SSM整合篇】五
    SSM整合篇】五. SSM整合+layui分页 基于【SSM整合篇】四 https://blog.csdn.net/TheNew_One/article/details/103904387

1. 增加

1.1 添加jqeury.js

1.2 在empPage.html上添加 连接跳转到 添加页面

<a href="emp/addEmpHtml">添加员工a>

1.3 创建AddEmp.html


<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <base th:href="${#request.getContextPath()+'/'}">
head>
<body>

    <form action="emp/addEmp" method="post">
        <table>
            <tr>
                <td>empNametd>
                <td><input type="text" name="empName" value="测试账号"/>td>
            tr>
            <tr>
                <td>jobtd>
                <td><input type="text" name="job" value="测试职业"/>td>
            tr>
            <tr>
                <td>hireDatetd>
                <td><input type="text" name="hireDate" value="2020-1-10"/>td>
            tr>
            <tr>
                <td>supertd>
                <td>
                    <input type="text" name="superName" id="superName"/>
                    <input type="hidden" name="superId" id="superId" value="" />
                td>
            tr>
            <tr>
                <td>deptNotd>
                <td>
                    <select name="deptNo">
                        <option value="0">---请选择---option>
                        <option th:each="dept:${deptList}" th:value="${dept.deptId}" th:text="${dept.deptName}">option>
                    select>
                td>
            tr>
            <tr>
                <td>
                    <input type="submit" value="提交">
                td>
            tr>
        table>
    form>

    <script src="js/jquery-1.8.0.min.js">script>
    <script>
        // 页面加载的时候调用
        $(function(){
            // 动态给领导的输入框绑定一个失去焦点事件
            $("#superName").blur(function(){
                // 1.先获取用户输入的领导id
                var superId = $("#superName").val();
                if(superId != ''){
  $.get("emp/getEmpBySuperId/"+superId,"",function(data){
                        console.log(data);
                        $("#superName").val(data.empName);
                        $("#superId").val(data.empId)
                    },"JSON");
                }
            })
        })
    script>
body>
html>

1.4 写dao,mapper,service及其impl

1.4.1 Empdao

	/**
     * 添加Emp
     * @param emp
     */
    void addEmp(Emp emp);

    /**
     * 根据领导的Id编号查询Emp
     * @param superId
     * @return
     */
    Emp getEmpBySuperId(Integer superId);

1.4.2 mapper

<sql id="emp_column">
	(emp_name,
	job,
	hire_date,
	super_id,
	dept_no)
sql>

<insert id="addEmp">
	INSERT INTO emp
		<include refid="emp_column" />
	VALUES
		(#{empName},#{job},#{hireDate},#{superId},#{deptNo})
insert>

<select id="getEmpBySuperId" resultMap="empMap">
	SELECT * FROM emp WHERE emp_id = #{superId}
select>

1.4.3 service

    /**
     * 添加Emp
     * @param emp
     */
    void addEmp(Emp emp);

    /**
     * 根据领导的Id编号查询Emp
     * @param superId
     * @return
     */
    Emp getEmpBySuperId(Integer superId);

1.4.4 serivceImpl

 	@Autowired
    private IDeptService iDeptService;

    public void addEmp(Emp emp) {
        iEmpDao.addEmp(emp);
    }
    public Emp getEmpBySuperId(Integer superId) {
        return iEmpDao.getEmpBySuperId(superId);
    }

1.5 写controller

 @RequestMapping("/addEmpHtml")
    public String addEmp(ModelMap map){
        List<Dept> deptList = iDeptService.getAllDept();
        map.put("deptList", deptList);
        return "addEmp";
    }
    
    @RequestMapping(value = "/addEmp", method = RequestMethod.POST)
    public String addEmp(Emp emp){
        System.out.println("------------------------" + emp);
        iEmpService.addEmp(emp);
        return "redirect:getEmpPage";
    }
    
    @RequestMapping(value = "/getEmpBySuperId/{superId}")
    @ResponseBody
    public String getEmpBySuperId(@PathVariable Integer superId){
        System.out.println(iEmpService.getEmpBySuperId(superId));
        return new Gson().toJson(iEmpService.getEmpBySuperId(superId));
}

添加功能完成。。。。。

2. 修改

2.1 给EmpPage.html的编辑添加事件

2.2 新建EditEmp.html

2.3 写controller(顺序没关系根据提示往下新建方法)

2.3 写service及其impl,dao,mapper

编辑功能完成

3. 删除

3.1 给EmpPage.html的删除添加事件

2.2 提示是否删除

2.3 写controller(顺序没关系根据提示往下新建方法)

2.3 写service及其impl,dao,mapper

删除功能完成

你可能感兴趣的:(SSM框架,mybatis,spring,mysql)