zoukankan      html  css  js  c++  java
  • Spring MVC 一次简单的 CRUD

    基本环境搭建

      1、数据库 和 实体类 的名字相同,实体类 属性名即 数据库 字段名。

      

      2、创建 实体类 对应 dao 类,持久层框架 mybatis 正处于学习中,这里就用原始的 jdbc 操作了。

      3、创建一个 java 类,作为 Controller,处理请求。

      4、CRUD 涉及到 显示数据、修改、添加的页面;删除就不需要了,修改和添加使用同一个页面。所以就有 index.jsp(一个超链接跳转到 show.jsp)、show.jsp(显示所有员工信息和操作链接)、input.jsp(用于修改和添加)。

    具体实现

       接下来就是 CRUD 的具体实现了,顺序为 查询显示所有员工信息-->删除-->添加-->修改。

       在具体的实现前,需要了解一下 Controller 类的大致结构:

    package com.taohan.controller;
    
    //import *;
    
    @Controller
    @SuppressWarnings("all")
    public class CURD {
        
        @Autowired
        private DepartmentInfoDao departDao;
        @Autowired
        private EmployeeInfoDao empDao;
    
            //在后面的具体描述中,就只贴出 处理对应请求的方法代码了
    }

     查询

      ① 在 index.jsp 页面中加入下面超链接,用于 获取到所有员工集合,保存到 域对象 中,最后 转发(内部跳转) 到 show.jsp 进行显示。

        <a href="emps">员工信息</a>

      ② 该请求会交由 Controller 中的指定方法处理,下面就需要定义处理该请求的方法。

        //获取所有的员工信息
        @RequestMapping("/emps")
        public String getemps(Map<String, Object> map) {
            //获取员工集合,存入 map 集合中
            map.put("emps", empDao.getEmployees());
            
            return "show";
        }   

      ③ 现在已经获取到了员工集合了,接下来就是编写 show.jsp 页面了。

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
     3 <%
     4 String path = request.getContextPath();
     5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
     6 %>
     7 
     8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     9 <html>
    10   <head>
    11     <base href="<%=basePath%>">
    12     
    13     <title>员工信息</title>
    14     
    15     <meta http-equiv="pragma" content="no-cache">
    16     <meta http-equiv="cache-control" content="no-cache">
    17     <meta http-equiv="expires" content="0">    
    18     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    19     <meta http-equiv="description" content="This is my page">
    20     <!-- 
    21         这里导入了一个 jquery 文件,属于静态资源了
    22         静态资源不能被加载的处理:
    23         在 SpringMVC 的配置文件中加入
    24         <mvc:annotation-driven></mvc:annotation-driven>
    25         <mvc:default-servlet-handler/>
    26       详细信息后面我也会具体说明
    27     -->
    28     <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
    29   </head>
    30   
    31   <body>
    32     <table border="1" cellpadding="3" cellspacing="0">
    33         <caption>员工信息</caption>
    34         <tr>
    35             <th>编号</th>
    36             <th>姓名</th>
    37             <th>性别</th>
    38             <th>年龄</th>
    39             <th>地址</th>
    40             <th>部门</th>
    41             <th>操作</th>
    42         </tr>
    43         <c:choose>
    44             <c:when test="${not empty requestScope.emps }">
    45                 <c:forEach items="${requestScope.emps }" var="emp">
    46                     <tr>
    47                         <td>${emp.employeeId }</td>
    48                         <td>${emp.employeeName }</td>
    49                         <td>
    50                             <c:if test="${emp.employeeSex == 1 }"></c:if>
    51                             <c:if test="${emp.employeeSex == 0 }"></c:if>
    52                         </td>
    53                         <td>${emp.employeeAge }</td>
    54                         <td>${emp.employeeAddr }</td>
    55                         <td>${emp.depart.departName }</td>
    56                         <td>
    57                             <!-- 
    58                                这里可以有两种方式进行删除,值得注意的是:这两种删除的方法对应的 URL 是有区别的。
    59                                但是,本文主要就是使用 REST 风格的 URL 进行操作,所以,还是使用第二种方法吧。
    60                              -->                    
    61                             <!-- <a href="${pageContext.request.contextPath }/del/${emp.employeeId }">删除</a> -->
    62                             <a onclick="return del(this)" href="${pageContext.request.contextPath }/emp/${emp.employeeId }">删除</a>
    63                             <a href="update/${emp.employeeId }">修改</a>
    64                         </td>
    65                     </tr>
    66                 </c:forEach>
    67             </c:when>
    68         </c:choose>
    69     </table>
    70     <form action="emp" method="POST">
    71         <!-- 用于将 POST 请求转换为 DELETE请求 -->
    72         <input type="hidden" value="DELETE" name="_method" />
    73     </form>
    74     <script type="text/javascript">
    75         //将 get 请求转换为 post 请求提交
    76         function del(tag) {
    77             //获取当前请求路径
    78             var href = tag.href;
    79             //提交
    80             $("form").attr("action", href).submit();
    81             return false;
    82         }
    83     </script>
    84     <a href="preadd">添加员工</a>
    85   </body>
    86 </html>
    show.jsp页面代码

       到这里,整个查询就结束了!

     删除

      在上面的 show.jsp 页面代码中有两种请求方式可以进行删除。

      ㈠ 使用 GET 请求进行删除

        使用此请求方式的请求路径大致为:127.0.0.1:8080/项目名/del/id。那么,后台 Controller 类中就要有一个对应处理 /del/id 这样请求的方法。

      //根据员工编号 删除员工
        @RequestMapping(value="/del/{id}")
        public String delemp(@PathVariable("id") Integer id) {
            // row 受影响行数,这里就不做成功与否的判断了
            int row = empDao.isDel(id);
            
            //这里的请求路径为 del/id  是二级目录
            //redirect:前缀表示重定向到 ../emps 路径,就是前面查询的路径,默认(不写)是转发。
         //删除后要重新获取员工数据,再转发到 show.jsp 显示,不能直接转发到 show.jsp 页面,因为并没有数据,所以需要先查询,再转发。
    return "redirect:../emps"; }

        上面就是使用普通 GET 请求处理删除请求。

      ㈡ 使用 DELETE 请求进行删除

        我们知道,HiddenHttpMethodFilter 类可以将 POST 请求转换为 我们指定的其他请求方式。在我的这篇文章主要讲解了 HiddenHttpMethodFilter 类的处理过程。这里,由于在 show.jsp 页面中的删除超链接是一个 GET 请求。所以,我们需要使用 js 将 GET 请求使用 POST 请求发送,并且转换为 DELETE 请求。所以,在 show.jsp 页面就有了一个表单 和 一个隐藏的 input 标签。

       <form action="emp" method="POST">
            <!-- 用于将 POST 请求转换为 DELETE请求 -->
            <input type="hidden" value="DELETE" name="_method" />
        </form>
        <script type="text/javascript">
            //将 get 请求转换为 post 请求提交
            function del(tag) {
                //获取当前请求路径
                var href = tag.href;
                //提交
                $("form").attr("action", href).submit();
                return false;
            }
        </script>

        使用此请求方式的请求路径大致为:127.0.0.1:8080/项目名/emp/id。那么,后台 Controller 类中就要有一个对应处理 URL 为:/emp/id,请求方式为:DELETE  这样的请求的方法。

       //根据员工编号 删除员工  使用  DELETE 请求,method属性就指定了请求方式
        @RequestMapping(value="/emp/{id}", method=RequestMethod.DELETE)
        public String delemp(@PathVariable("id") Integer id) {
            int row = empDao.isDel(id);
            
            return "redirect:../emps";
        }

         上面代码中出现了一个 RequestMethod,它是一个 枚举类型,其中的值就是各种请求方式。

                     

                         (RequestMethod)

       以上就是两种使用两种方式进行删除的示例了!

     添加

        ① 在 show.jsp 页面最下面有下面这样的一个超链接

        <a href="preadd">添加员工</a>

        该链接用于跳转到 input.jsp 页面,至于需要后台进行处理,是因为需要加载出所有的部门,用于添加的时候选择。

        ② 处理 preadd 请求,获取部门列表

      //加载添加页面
        @RequestMapping("/preadd")
        public String preAdd(Map<String, Object> map) {
            //获取部门集合
            map.put("departments", departDao.getdeparts());
            //input.jsp 页面需要一个 员工对象,但是添加没有,所以给个空的,至于为什么需要,见文末
            map.put("employee", new EmployeeInfo());
            
            return "input";
        }

        ③ input.jsp 页面,添加和修改公用该页面

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
     3 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
     4 <%
     5 String path = request.getContextPath();
     6 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
     7 %>
     8 
     9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    10 <html>
    11   <head>
    12     <base href="<%=basePath%>">
    13     <title>添加/修改页面示例</title>
    14     <meta http-equiv="pragma" content="no-cache">
    15     <meta http-equiv="cache-control" content="no-cache">
    16     <meta http-equiv="expires" content="0">    
    17     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    18     <meta http-equiv="description" content="This is my page">
    19   </head>
    20   
    21   <body>
    22     <form:form action="emp" method="POST" modelAttribute="employee">
    23         <%-- employee对象有编号就是修改 --%>
    24         <c:if test="${requestScope.employee.employeeId != null }">
    25             编号:<form:input path="employeeId" readonly="true"/><br /><br />
    26             <input type="hidden" value="PUT" name="_method" />
    27         </c:if>
    28         姓名:<form:input path="employeeName" />
    29         <br /><br />
    30         性别:<form:radiobutton path="employeeSex" value="1" label="男" />
    31              <form:radiobutton path="employeeSex" value="0" label="女" />
    32         <br /><br />
    33         年龄:<form:input path="employeeAge"/>
    34         <br /><br />
    35         地址:<form:input path="employeeAddr"/>
    36         <br /><br />
    37         部门:<form:select path="depart.departId" items="${requestScope.departments }"
    38          itemLabel="departName" itemValue="departId"></form:select>
    39         <br /><br />
    40         <input type="submit" value="提交" />
    41     </form:form>
    42   </body>
    43 </html>
    input.jsp 页面代码

         从 input.jsp 页面代码中可以看出,添加和修改使用了同一个提交路径(/emp 添加和修改后台需要的就只是一个对象而已),但是它们的请求方式是不同的。

         添加操作并没有做任何处理,就是一个 POST 请求。

          ④ 添加员工

      //添加  POST 请求就是添加
        @RequestMapping(value="/emp", method=RequestMethod.POST)
        public String isAdd(EmployeeInfo emp) {
            int row = empDao.isAdd(emp);
            
            return "redirect:/emps";
        }

      小结: 添加 和 修改使用同一页面,那么就需要有标识判断 进入当前页面(input.jsp) 的是什么操作,我们就可以根据 员工编号 作为判断标识,如果该员工没有编号(在 /preadd 请求处理方法中创建了一个空的员工对象放到了域对象中)就是添加;如果有员工编号就是修改,则使用 _method 设置需要将 POST 请求转换为 PUT 请求。

     修改

        ① 在 show.jsp 页面中每个员工后面都有一个修改链接,如下:

        <a href="update/${emp.employeeId }">修改</a>

        ② 后台代码处理 update/id 请求,获取要修改的员工对象,放入域对象,转发到 input.jsp 页面显示。

      //加载修改页面
        @RequestMapping(value="/update/{id}", method=RequestMethod.GET)
        public String preUpdate(@PathVariable("id") Integer id,
                Map<String, Object> map) {
            //根据编号获取到要修改的员工对象
            EmployeeInfo emp = empDao.getEmpById(id);
            map.put("employee", emp);
            
            //加载所有部门信息
            map.put("departments", departDao.getdeparts());
            
            return "../input";
        }

        ③ 在 input.jsp 页面的 SpringMVC自带的 form标签会将对应的员工属性信息显示在对应的文本框中

        ④ 修改操作就会有一个隐藏的 input 标签,如下:

        <input type="hidden" value="PUT" name="_method" />

        这样,当修改时 POST 请求便会转换为 PUT 请求。

        ⑤ Controller 类中,就定义方法处理请求URL为: /emp,请求方式为:PUT 的请求

      //修改
        @RequestMapping(value="/emp", method=RequestMethod.PUT)
        public String isUpdate(EmployeeInfo emp) {
            int row = empDao.isUpdate(emp);
            
            return "redirect:/emps";
        }
  • 相关阅读:
    linux shell执行远程计算机上的命令或者脚本(ssh)
    人到中年,愿我们的人生无悔
    资料
    新博客
    移植ok6410
    pm剩余要看的内容
    kernel boot
    regulator
    pm
    bochs安装一系列问题
  • 原文地址:https://www.cnblogs.com/dream-saddle/p/9391739.html
Copyright © 2011-2022 走看看