04-springMVC（中）

基于spring4

 

 RESTRUL_CRUD_需求（非常重要）

给的工具集：为了方便说明，我们不使用数据库，也不使用aop的事务，用现成的javabean类和dao工具类，里面有数据和具体的增删改查方法。

 

package com.atguigu.bean;

public class Employee {

    private Integer id;
    private String lastName;

    private String email;
    //1 male, 0 female
    private Integer gender;
    
    private Department department;
    
    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public Integer getGender() {
        return gender;
    }

    public void setGender(Integer gender) {
        this.gender = gender;
    }

    public Department getDepartment() {
        return department;
    }

    public void setDepartment(Department department) {
        this.department = department;
    }

    public Employee(Integer id, String lastName, String email, Integer gender,
            Department department) {
        super();
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
    }

    public Employee() {
    }

    @Override
    public String toString() {
        return "Employee [id=" + id + ", lastName=" + lastName + ", email="
                + email + ", gender=" + gender + ", department=" + department
                + "]";
    }
    
    
}

package com.atguigu.bean;

public class Department {

    private Integer id;
    private String departmentName;

    public Department() {
    }
    
    public Department(int i, String string) {
        this.id = i;
        this.departmentName = string;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getDepartmentName() {
        return departmentName;
    }

    public void setDepartmentName(String departmentName) {
        this.departmentName = departmentName;
    }

    @Override
    public String toString() {
        return "Department [id=" + id + ", departmentName=" + departmentName + "]";
    }
    
}

package com.atguigu.dao;

import com.atguigu.bean.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;


@Repository
public class DepartmentDao {

    private static Map<Integer, Department> departments = null;
    
    static{
        departments = new HashMap<Integer, Department>();
        
        departments.put(101, new Department(101, "D-AA"));
        departments.put(102, new Department(102, "D-BB"));
        departments.put(103, new Department(103, "D-CC"));
        departments.put(104, new Department(104, "D-DD"));
        departments.put(105, new Department(105, "D-EE"));
    }
    //查询所有部门
    public Collection<Department> getDepartments(){
        return departments.values();
    }
    //按部门id查一个
    public Department getDepartment(Integer id){
        return departments.get(id);
    }
    
}

package com.atguigu.dao;

import com.atguigu.bean.Department;
import com.atguigu.bean.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;


@Repository
public class EmployeeDao {

    private static Map<Integer, Employee> employees = null;
    
    @Autowired
    private DepartmentDao departmentDao;
    
    static{
        employees = new HashMap<Integer, Employee>();

        employees.put(1001, new Employee(1001, "E-AA", "aa@163.com", 1, new Department(101, "D-AA")));
        employees.put(1002, new Employee(1002, "E-BB", "bb@163.com", 1, new Department(102, "D-BB")));
        employees.put(1003, new Employee(1003, "E-CC", "cc@163.com", 0, new Department(103, "D-CC")));
        employees.put(1004, new Employee(1004, "E-DD", "dd@163.com", 0, new Department(104, "D-DD")));
        employees.put(1005, new Employee(1005, "E-EE", "ee@163.com", 1, new Department(105, "D-EE")));
    }
    
    private static Integer initId = 1006;

    /**
     * 员工保存和更新
     * */
    public void save(Employee employee){
        if(employee.getId() == null){
            employee.setId(initId++);
        }
        //根据部门id单独查出部门信息设置到员工对象中，页面提交只需要提交部门的id
        employee.setDepartment(departmentDao.getDepartment(employee.getDepartment().getId()));
        employees.put(employee.getId(), employee);
    }
    //查询所有员工
    public Collection<Employee> getAll(){
        return employees.values();
    }
    //查一个员工
    public Employee get(Integer id){
        return employees.get(id);
    }
    
    public void delete(Integer id){
        employees.remove(id);
    }
}

项目要求：

.

 

 

 

 

 

 

 第一步：构建一个框架，先导包，蓝色部分的是第一步导的，剩下那两个等下再导。

1.———— 

2.————配置web.xml文件。

　　　　1）配置前端控制器 DispatcherServlet。

　　　　2）配置拦截器字符集，utf-8。

　　　　3）配置 HiddenHttpMethodFilter 把 post 请求转为 delete 或 put 请求。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    <!--配置字符集,拦截器一定在前-->
    <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <!--配置org.springframework.web.filter.HiddenHttpMethodFilter:可以把 post 请求转为 delete 或 put 请求-->
    <!--导包servlet-api.jar-->
    <filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
</web-app>

3.————由于我没有给DispatcherServlet设置初始化值，所以会自动配置到 "<NAME> - servlet.xml"这个文件里。

 

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
    <!--配置自动扫描的包-->
    <context:component-scan base-package="com.atguigu">
    </context:component-scan>
    <!--配置视图解析器：如何把handler方法返回值（本例中就是"success"）解析为实际的物理视图-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/">
        </property>
        <property name="suffix" value=".jsp">
        </property>
    </bean>
  </beans>

4.————写test包进行测试。

package com.atguigu.test;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * Created by Zhuxiang on 2020/6/2.
 */
@Controller
public class hello2 {
    @RequestMapping("/hello")
    public String hello(){
        System.out.println("hellon world");
        return "success";
    }
}

去加上一个 <a href="/springMVC(web项目名)/hello">hello</a>

写上views里的success.jsp

success.jsp里加上success page这行字。

5.————配置tomcat服务器，启动服务器，进入index.jsp页面后点击a标签

成功进入success页面。测试框架完成。

下图为工程全貌图，可以帮助大家理解步骤。

第二步：显示所有员工信息

1————index.jsp页面里（在html标签外面）加上<jsp:forward page="/emps"></jsp:forward>转发到控制层，获得所有员工信息。

2————

@Controller
public class EmployeeControl {
    @Autowired
    EmployeeDao employeeDao;

    @RequestMapping("emps")
    public String getEmps(Model model){
        Collection<Employee> all = employeeDao.getAll();
        model.addAttribute("emps",all);
        return "list";
    }

}

3————return到list页面。这个时候需要导包

 循环获得数据需要用 c 标签里的 c:forEach。

而springmvc也提供了一个form标签，用来简化表单。

（下面代码还写了增，删，改。但目前先看查的部分）

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<body>
<h1>员工列表</h1>
<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <th>ID</th>
        <th>LastName</th>
        <th>Email</th>
        <th>Gender</th>
        <th>Department</th>
        <th>Edit</th>
        <th>Delete</th>
    </tr>
    <c:forEach items="${emps}" var="emp">
        <tr>
            <td>${emp.id}</td>
            <td>${emp.lastName}</td>
            <td>${emp.email}</td>
            <td>${emp.gender==0?"女":"男"}</td>
            <td>${emp.department.departmentName}</td>
            <td>Edit</td>
            <td>
               delete
            </td>
        </tr>
    </c:forEach>
</table>
<a href="">添加</a>

启动tomcat，页面上出现

 第三步：添加员工信息

 1————点击添加。转发到 'toAddEmp' 方法里，看需求不难发现，部门选择下拉框的值是动态生成的。我们还没学到ajax之前，可以先用老办法，直接查出所有下拉框的值，保存到请求域中，传到 save 页面里。

 加上下面的代码，自动装配。

@Autowired
DepartmentDao departmentDao;

    @RequestMapping("toAddEmp")
    public String toAddPage(Model model){
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("deps",departments);
        //把command放到请求域中。
//        model.addAttribute("command",new Employee(null,"张三","haha@guigu.com",0,departmentDao.getDepartment(101)));
        //因为form标签给command改了个名字，所以这么放。
        model.addAttribute("employee",new Employee());
        return "save";
    }

  2————开始编写 save.jsp 

　　　　　　要点：

　　　　　　1.springmvc提供的form标签。

　　　　　　2.请求域中的固定对象 command

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/3
  Time: 7:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>save</title>
</head>
<body>
<%--springMVC的表单标签
        通过springMVC的表单标签可以实现将模型数据中的属性和html表单元素相绑定
        以实现表单数据更便捷的编辑和表单值的回显
        1）springmvc认为，表单数据中的每一项最终都是要回显的。
           path指定的是一个属性；这个属性是从隐含模型（请求域中取出的某个对象中的属性）
           path指定的每一个属性，请求域中必须有一个对象，拥有这个属性；
           所以单纯像下面这样写，跑起来就报错了，
           因为请求域里缺少一个对象，这个对象就是请求域中的command，
           由于command是固定名字，不好听，所以我们可以重新命名。用form的modelAttribute属性。
--%>
<!--记得导包jsp-api，action里推荐写绝对路径，下面是获得项目路径的代码-->
<%
    request.setAttribute("project",request.getContextPath());
%>
<form:form action="${project}/emp" method="post" modelAttribute="employee">
    <!-- path就是原来html-input的name项，需要写path，
         1）当做原生的name项
         2）自动回显隐含模型中某个对象对应的这个属性的值
    -->
    LastName:<form:input path="lastName"/><br/>
    Email:<form:input path="email"/><br/>
    gender: <form:radiobutton path="gender" value="1"/>男
            <form:radiobutton path="gender" value="0"/>女
    <!--
        items指定要遍历的集合：自动遍历，遍历出的每一个元素是一个department对象
        itemLabel="属性"；指定遍历出的这个对象的哪个属性是作为option标签体的值
        itemValue="属性"；指定遍历出的这个对象的哪个属性是作为option提交的值
    -->
    dept:<form:select path="department.id" items="${deps}"
                      itemLabel="departmentName"
                      itemValue="id"/>
    <input type="submit" value="提交">
</form:form>

<%--<form action="${project}/emp" method="post" modelAttribute="employee">--%>
<%--    LastName:<input type="text" name="lastName">--%>
<%--    <br/>--%>
<%--    Email:<input type="text" name="email">--%>
<%--    <br/>--%>
<%--    Gender:<input type="radio" name="gender" value="1">Male--%>
<%--    <input type="radio" name="gender" value="0">Female--%>
<%--    <br/>--%>
<%--    Department:--%>
<%--    <select name="department.id">--%>
<%--        <c:forEach items="${deps}" var="dept">--%>
<%--            <option value="${dept.id}">${dept.departmentName}</option>--%>
<%--        </c:forEach>--%>
<%--    </select>--%>
<%--    <br/>--%>
<%--    <input type="submit" value="提交">--%>
<%--</form>--%>
</body>
</html>

3————输入信息，点击提交。进入emp映射，为了满足 restful 风格，映射里加上，增加的，method = RequestMethod.POST

    @RequestMapping(value = "emp",method = RequestMethod.POST)
    public String addEmp(Employee employee){
        System.out.println("要添加的员工"+employee);
        employeeDao.save(employee);
        //返回列表页面,重定向到查询所有员工的请求
        return "redirect:/emps";
    }

第四步：修改员工信息

1————在list页面里点击修改，查询员工再到修改页面 edit.jsp里，（用 rest 风格发送参数，如：emp/${emp.id}）

    //查询员工来到修改页面
    @RequestMapping(value = "/emp/{id}",method = RequestMethod.GET)
    public String getEmp(@PathVariable("id") Integer id,Model model){
        Employee employee = employeeDao.get(id);
        model.addAttribute("employee",employee);
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "edit";
    }

2————编写edit.jsp

　　　　　　要点：

　　　　　　1. rest风格，'修改' 为put 。表单必须加上<input type="hidden" name="_method" value="put">。

　　　　　　2.留下id的隐藏域。

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/3
  Time: 16:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    request.setAttribute("ctp",request.getContextPath());
%>
<form:form action="${ctp}/emp/${employee.id}" method="post" modelAttribute="employee">
    <input type="hidden" name="_method" value="put">
    <!--如果不加id发送，id的值就是null，最好加上id-->
    <!--但是隐藏域不够安全，浏览器f12加检查元素可以修改，所以lastName就不用隐藏域了-->
    <form:hidden path="id"/>
    Email:<form:input path="email"/><br/>
    gender: <form:radiobutton path="gender" value="1"/>男
    <form:radiobutton path="gender" value="0"/>女
    dept:<form:select path="department.id" items="${departments}"
                      itemLabel="departmentName"
                      itemValue="id"/>
    <input type="submit" value="提交">
</form:form>
</body>
</html>

3————用 rest 风格接收参数   value = "/emp/{id}",method = RequestMethod.PUT

　　　　　　要点：

　　　　　　1. 根据题目要求，lastname不允许被修改，但是表单提交又需要它。重要数据最好不要用隐藏域。

　　　　　　    用上@ModelAttribute注解，在每个方法执行之前根据 id 查出employee。

    @ModelAttribute
    public void myModelAttribute(@RequestParam(value = "id",required = false) Integer id,Model model){
        if(id!=null){
            Employee employee = employeeDao.get(id);
            model.addAttribute("employee",employee);
        }
    }

//修改员工并重定向到emps
    @RequestMapping(value = "/emp/{id}",method = RequestMethod.PUT)
    //不用edit.jsp隐藏域 也可以用这种方式获得id
    // 入参加上@PathVariable("id")Integer id会自动装配。
    public String updateEmp(Employee employee){
        System.out.println("update"+employee);
        //但是隐藏域不够安全，浏览器f12加检查元素可以修改，所以lastName就不用隐藏域了
        employeeDao.save(employee);
        return "redirect:/emps";
    }

第五步：删除员工信息

1————在list页面里点击删除，通过删除方法后，返回到emps里，（用 rest 风格发送参数，如：emp/${emp.id}）

　　　　　　　问题：

　　　　　　　1，删除是一个a标签，但是按restful风格，必须要post提交一个 name="_method" value="delete" 的组件。怎么办？

　　　　　　　一，把a标签改成form表单。效果达到了，但是页面变得丑陋，代码臃肿。

　　　　　　　二，引入jQuery。点a标签，1.改变表单的action指向  2.提交表单

    @RequestMapping(value = "/emp/{id}",method = RequestMethod.DELETE)
    public String deleteEmp(@PathVariable("id")Integer id){
        employeeDao.delete(id);
        return "redirect:/emps";
    }

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/2
  Time: 22:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
    request.setAttribute("ctp",request.getContextPath());
%>
<html>
<head>
    <title>员工列表</title>
    <!--为了不让delete方法丑陋，加入jQuery -->
    <script type="text/javascript" src="${ctp}/scripts/jquery-1.9.1.min.js"></script>
</head>

<body>
<h1>员工列表</h1>
<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <th>ID</th>
        <th>LastName</th>
        <th>Email</th>
        <th>Gender</th>
        <th>Department</th>
        <th>Edit</th>
        <th>Delete</th>
    </tr>
    <c:forEach items="${emps}" var="emp">
        <tr>
            <td>${emp.id}</td>
            <td>${emp.lastName}</td>
            <td>${emp.email}</td>
            <td>${emp.gender==0?"女":"男"}</td>
            <td>${emp.department.departmentName}</td>
            <td><a href="${ctp}/emp/${emp.id}">Edit</a></td>
            <td>
                <a href="${ctp}/emp/${emp.id}" class="delBtn">delete</a>
            </td>
        </tr>
    </c:forEach>
</table>
<a href="${ctp}/toAddEmp">添加</a>

<form:form id="deleteForm" action="${ctp}/emp/${emp.id}" method="post">
    <input type="hidden" name="_method" value="delete">
</form:form>

<!--jQuery默认被servlet的拦截器拦截，说ioc没有对应，所以404。
让它被tomcat拦截就行了 dispatcher-servlet.xml加上映射处理-->
<script type="text/javascript">
    $(function () {
        alert("haha");
        $(".delBtn").click(function () {
            //1.改变表单的action指向
            $("#deleteForm").attr("action", this.href);
            //2.提交表单
            $("#deleteForm").submit();
            return false;
        })
    })
</script>
</body>
</html>

　　　　　　三，静态资源，动态资源访问问题。

    <!--jQuery默认被servlet的拦截器拦截，说ioc没有对应，所以404。
    让它被tomcat拦截就行了-->
    <!--告诉springMVC，不能处理的映射给tomcat处理-->
    <!--    方法一(不推荐)：web里的DispatcherServlet里加上下面的4行就行。-->
    <!--    <servlet-mapping>-->
    <!--        <servlet-name>default</servlet-name>-->
    <!--        <url-pattern>*.js</url-pattern>-->
    <!--    </servlet-mapping>-->

    <!--方法二：(推荐)   default是默认的服务器拦截,不要像一个憨逼一样，把自己配的servlet命名成default-->
    <mvc:default-servlet-handler/>
    <!--静态资源可以访问，但是动态映射的请求就不行（访问list 404）-->

    <!--springMVC保证动态请求和静态请求都能访问-->
    <mvc:annotation-driven/>