SpringMVC学习笔记之一(SpringMVC架构及与Mybatis整合)

2018-07-05 16:23:10 浏览数 (1)

一、SpringMVC入门

1.1Springmvc是什么

  Spring web mvc和Struts2都属于表现层的框架,它是Spring框架的一部分,我们可以从Spring的整体结构中看得出来,如下图:

1.2 Springmvc处理流程

如下图所示:

1.3 入门程序

需求:使用浏览器显示商品列表

1.3.1. 创建web工程

springMVC是表现层框架,需要搭建web工程开发。

1.3.2. 导入jar包

从资料中导入springMVC的jar包,复制jar到lib目录,工程直接加载jar包,如下图:

1.3.3. 加入配置文件

【创建springmvc.xml】

代码语言:javascript复制
<?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:p="http://www.springframework.org/schema/p"
    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-4.0.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <!-- 配置controller扫描包 -->
    <context:component-scan base-package="com.kevin" />

</beans>

  SpringMVC本身就是Spring的子项目,对Spring兼容性很好,不需要做很多配置。这里只配置一个Controller扫描就可以了,让Spring对页面控制层Controller进行管理。

【配置前端控制器】

  在web.xml中,配置SpringMVC的前端控制器DispatcherServlet :

代码语言:javascript复制
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>SpringMVC_day1</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  <!-- 前端控制器 -->
  <servlet>
      <servlet-name>springmvc</servlet-name>
      <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
      <!-- 默认找/WEB-INF/[servlet的名称]-servlet.xml -->
      <init-param>
          <param-name>contextConfigLocation</param-name>
          <param-value>classpath:springmvc.xml</param-value>
      </init-param>
  </servlet>
  <servlet-mapping>
      <servlet-name>springmvc</servlet-name>
      <!-- 
          1. /* 拦截所有 jsp js png .css
          2. *.action *.do  拦截以do action结尾的请求
          3. /  拦截所有(不包括jsp)  (包括 .jsp  .png .css) 强烈建议
           
       -->
      <url-pattern>*.action</url-pattern>
  </servlet-mapping>
  
</web-app>
1.3.4. 加入jsp页面

创建一个itemList.jsp到工程的/WEB-INF/jsp目录下,如下:

代码语言:javascript复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>
</head>
<body> 
<form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
查询条件:
<table width="100%" border=1>
<tr>
<td><input type="submit" value="查询"/></td>
</tr>
</table>
商品列表:
<table width="100%" border=1>
<tr>
    <td>商品名称</td>
    <td>商品价格</td>
    <td>生产日期</td>
    <td>商品描述</td>
    <td>操作</td>
</tr>
<c:forEach items="${itemList }" var="item">
<tr>
    <td>${item.name }</td>
    <td>${item.price }</td>
    <td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    <td>${item.detail }</td>
    
    <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>

</tr>
</c:forEach>

</table>
</form>
</body>

</html>

【创建pojo】

代码语言:javascript复制
package com.kevin.pojo;

import java.util.Date;

public class Items {
    
    public Items(Integer id, String name, Float price, Date createtime, String detail) {
        super();
        this.id = id;
        this.name = name;
        this.price = price;
        this.createtime = createtime;
        this.detail = detail;
    }

    private Integer id;

    private String name;

    private Float price;

    private String pic;

    private Date createtime;

    private String detail;

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name == null ? null : name.trim();
    }

    public Float getPrice() {
        return price;
    }

    public void setPrice(Float price) {
        this.price = price;
    }

    public String getPic() {
        return pic;
    }

    public void setPic(String pic) {
        this.pic = pic == null ? null : pic.trim();
    }

    public Date getCreatetime() {
        return createtime;
    }

    public void setCreatetime(Date createtime) {
        this.createtime = createtime;
    }

    public String getDetail() {
        return detail;
    }

    public void setDetail(String detail) {
        this.detail = detail == null ? null : detail.trim();
    }
}

【创建ItemController】

代码语言:javascript复制
package com.kevin.controller;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

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

import com.kevin.pojo.Items;

/**
 * 商品管理
 * @author Kevin
 *
 */

@Controller
public class ItemController {
    
    @RequestMapping(value = "/item/itemlist.action")
    public ModelAndView itemList(){
        
        // 创建页面需要显示的商品数据
        List<Items> list = new ArrayList<Items>();
        list.add(new Items(1, "1小米 小米8", 2699f, new Date(), "质量好!1"));
        list.add(new Items(2, "2小米 小米8", 2699f, new Date(), "质量好!2"));
        list.add(new Items(3, "3小米 小米8", 2699f, new Date(), "质量好!3"));
        list.add(new Items(4, "4小米 小米8", 2699f, new Date(), "质量好!4"));
        list.add(new Items(5, "5小米 小米8", 2699f, new Date(), "质量好!5"));
        list.add(new Items(6, "6小米 小米8", 2699f, new Date(), "质量好!6"));
        
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.addObject("itemList", list);
        modelAndView.setViewName("/WEB-INF/jsp/itemList.jsp");
        
        return modelAndView;
    }
    

}

ItemController是一个普通的java类,不需要实现任何接口。需要在类上添加@Controller注解,把Controller交由Spring管理。在方法上面添加@RequestMapping注解,里面指定请求的url。其中“.action”可以加也可以不加。

二、Springmvc架构

2.1. 框架结构

框架结构如下图:

2.2. 架构流程

  1、用户发送请求至前端控制器DispatcherServlet

  2、DispatcherServlet收到请求调用HandlerMapping处理器映射器。

  3、处理器映射器根据请求url找到具体的处理器,生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。

  4、DispatcherServlet通过HandlerAdapter处理器适配器调用处理器

  5、执行处理器(Controller,也叫后端控制器)。

  6、Controller执行完成返回ModelAndView

  7、HandlerAdapter将controller执行结果ModelAndView返回给DispatcherServlet

  8、DispatcherServlet将ModelAndView传给ViewReslover视图解析器

  9、ViewReslover解析后返回具体View

  10、DispatcherServlet对View进行渲染视图(即将模型数据填充至视图中)。

  11、DispatcherServlet响应用户

2.3. 组件说明

以下组件通常使用框架提供实现:

● DispatcherServlet:前端控制器

  用户请求到达前端控制器,它就相当于mvc模式中的c,dispatcherServlet是整个流程控制的中心,由它调用其它组件处理用户的请求,dispatcherServlet的存在降低了组件之间的耦合性。

● HandlerMapping:处理器映射器

  HandlerMapping负责根据用户请求url找到Handler即处理器,springmvc提供了不同的映射器实现不同的映射方式,例如:配置文件方式,实现接口方式,注解方式等。

● Handler:处理器

  Handler 是继DispatcherServlet前端控制器的后端控制器,在DispatcherServlet的控制下Handler对具体的用户请求进行处理。

  由于Handler涉及到具体的用户业务请求,所以一般情况需要程序员根据业务需求开发Handler。

● HandlAdapter:处理器适配器

  通过HandlerAdapter对处理器进行执行,这是适配器模式的应用,通过扩展适配器可以对更多类型的处理器进行执行。

● ViewResolver:视图解析器

  View Resolver负责将处理结果生成View视图,View Resolver首先根据逻辑视图名解析成物理视图名即具体的页面地址,再生成View视图对象,最后对View进行渲染将处理结果通过页面展示给用户。

● View:视图

  springmvc框架提供了很多的View视图类型的支持,包括:jstlView、freemarkerView、pdfView等。我们最常用的视图就是jsp。

  一般情况下需要通过页面标签或页面模版技术将模型数据通过页面展示给用户,需要由程序员根据业务需求开发具体的页面。

 说明:在springmvc的各个组件中,处理器映射器、处理器适配器、视图解析器称为springmvc的三大组件。      需要用户开发的组件有handler、view

2.4. 默认加载的组件

我们没有做任何配置,就可以使用这些组件

2.5. 组件扫描器

 使用组件扫描器省去在spring容器配置每个Controller类的繁琐。使用<context:component-scan>自动扫描标记@Controller的控制器类。

在springmvc.xml配置文件中配置如下:

代码语言:javascript复制
<!-- 配置controller扫描包,多个包之间用,分隔 -->

<context:component-scan base-package="cn.itcast.springmvc.controller" />

2.6. 注解映射器和适配器

【配置处理器映射器】

  注解式处理器映射器,对类中标记了@ResquestMapping的方法进行映射。根据@ResquestMapping定义的url匹配@ResquestMapping标记的方法,匹配成功返回HandlerMethod对象给前端控制器。HandlerMethod对象中封装url对应的方法Method。从spring3.1版本开始,废除了DefaultAnnotationHandlerMapping的使用,推荐使用RequestMappingHandlerMapping完成注解式处理器映射。

在springmvc.xml配置文件中配置如下:

代码语言:javascript复制
<!-- 配置处理器映射器 -->

<bean
class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping" />

注解描述:@RequestMapping:定义请求url到处理器功能方法的映射

【配置处理器适配器】

  注解式处理器适配器,对标记@ResquestMapping的方法进行适配。从spring3.1版本开始,废除了AnnotationMethodHandlerAdapter的使用,推荐使用RequestMappingHandlerAdapter完成注解式处理器适配。

在springmvc.xml配置文件中配置如下:

代码语言:javascript复制
<!-- 配置处理器适配器 -->

<bean
class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter" />

【注解驱动】

  直接配置处理器映射器和处理器适配器比较麻烦,可以使用注解驱动来加载。SpringMVC使用<mvc:annotation-driven>自动加载RequestMappingHandlerMapping和RequestMappingHandlerAdapter 。可以在springmvc.xml配置文件中使用<mvc:annotation-driven>替代注解处理器和适配器的配置。

代码语言:javascript复制
<!-- 注解驱动 -->

<mvc:annotation-driven />

2.7. 视图解析器

代码语言:javascript复制
    <!-- 视图解释器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!-- 配置逻辑视图的前缀 -->
        <property name="prefix" value="/WEB-INF/jsp/"/> 
        <!-- 配置逻辑视图的后缀 -->
        <property name="suffix" value=".jsp"/>
    </bean> 

最终jsp物理地址:前缀 逻辑视图名 后缀

【修改ItemController】

代码语言:javascript复制
package com.kevin.controller;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

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

import com.kevin.pojo.Items;

/**
 * 商品管理
 * @author Kevin
 *
 */

@Controller
public class ItemController {
    
    // @RequestMapping:里面放的是请求的url,和用户请求的url进行匹配
    // action可以写也可以不写    
    @RequestMapping(value = "/item/itemlist.action")
    public ModelAndView itemList(){
        
        // 创建页面需要显示的商品数据
        List<Items> list = new ArrayList<Items>();
        list.add(new Items(1, "1小米 小米8", 2699f, new Date(), "质量好!1"));
        list.add(new Items(2, "2小米 小米8", 2699f, new Date(), "质量好!2"));
        list.add(new Items(3, "3小米 小米8", 2699f, new Date(), "质量好!3"));
        list.add(new Items(4, "4小米 小米8", 2699f, new Date(), "质量好!4"));
        list.add(new Items(5, "5小米 小米8", 2699f, new Date(), "质量好!5"));
        list.add(new Items(6, "6小米 小米8", 2699f, new Date(), "质量好!6"));
        
        // 创建ModelAndView,用来存放数据和视图
        ModelAndView modelAndView = new ModelAndView();
        // 设置数据到模型中
        modelAndView.addObject("itemList", list);
        // 设置视图jsp,需要设置视图的物理地址
        modelAndView.setViewName("itemList");
        
        return modelAndView;
    }
    

}

三、整合mybatis

 为了更好的学习 springmvc和mybatis整合开发的方法,需要将springmvc和mybatis进行整合。

  整合目标:控制层采用springmvc、持久层使用mybatis实现。

3.1. 创建数据库表

  创建数据库表springmvc,导入到数据库中,如下图:

3.2.导入需要的jar包

3.3 整合思路

【Dao层】

  1、SqlMapConfig.xml,空文件即可,但是需要文件头。

  2、applicationContext-dao.xml

    a) 数据库连接池

    b) SqlSessionFactory对象,需要spring和mybatis整合包下的。

    c) 配置mapper文件扫描器。

【Service层】

  1、applicationContext-service.xml包扫描器,扫描@service注解的类。

  2、applicationContext-trans.xml配置事务。

【Controller层】

Springmvc.xml

  a) 包扫描器,扫描@Controller注解的类。

  b) 配置注解驱动

  c) 配置视图解析器

【Web.xml文件】

  1、配置spring

  2、配置前端控制器。

3.4 创建工程

创建一个动态web工程springmvc-web

3.5 加入jar包

复制jar包到/WEB-INF/lib中,如图3.2

3.6 加入配置文件

【sqlMapConfig.xml】

在config/mybatis下创建SqlMapConfig.xml

代码语言:javascript复制
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!-- 设置别名 -->
    <typeAliases>
        <!-- 2. 指定扫描包,会把包内所有的类都设置别名,别名的名称就是类名,大小写不敏感 -->
        <package name="com.kevin.entity" />
    </typeAliases>
    
</configuration>

【applicationContext.xml】

配置数据源、配置SqlSessionFactory、mapper扫描器。

代码语言:javascript复制
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"
    xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
    http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd
    http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
    http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">
    
    <!-- 加载配置文件 -->
    <context:property-placeholder location="classpath:db.properties"/>
    
    <!-- 数据库连接池 -->
    <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource"
        destroy-method="close">
        <property name="driverClassName" value="${jdbc.driver}" />
        <property name="url" value="${jdbc.url}" />
        <property name="username" value="${jdbc.username}" />
        <property name="password" value="${jdbc.password}" />
        <property name="maxActive" value="10" />
        <property name="maxIdle" value="5" />
    </bean>
    
    <!-- mybatis工厂 -->
    <bean id="sqlSessionFactoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 配置数据源 -->
        <property name="dataSource" ref="dataSource"></property>
        <!-- 配置mybatis核心配置文件 -->
        <property name="configLocation" value="classpath:SqlMapConfig.xml"></property>
    </bean>    
    
    <!-- mapper动态代理开发,扫描 -->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!-- 基本包 -->
        <property name="basePackage" value="com.kevin.dao"></property>
    </bean>
    
    <!-- 注解事务 -->
    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>
    
    <!-- 开启注解 -->
    <tx:annotation-driven transaction-manager="transactionManager"/>
    
</beans>    

【db.properties】

配置数据库相关信息

代码语言:javascript复制
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/springmvc?characterEncoding=utf-8
jdbc.username=root
jdbc.password=admin

【springmvc.xml】

代码语言:javascript复制
<?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:p="http://www.springframework.org/schema/p"
    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-4.0.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">

    <!-- 配置controller扫描包 -->
    <context:component-scan base-package="com.kevin" />
    
    <!-- 注解驱动 -->
    <mvc:annotation-driven/>
    
    <!-- 视图解释器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <!-- 配置逻辑视图的前缀 -->
        <property name="prefix" value="/WEB-INF/jsp/"/> 
        <!-- 配置逻辑视图的后缀 -->
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

【web.xml】

代码语言:javascript复制
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>springmvc_day1_mybatis</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  <context-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:applicationContext.xml</param-value>
  </context-param>
  
  <!-- Spring监听文件 -->
  <listener>
      <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  
  <!-- 处理POST提交的乱码问题 -->
  <filter>
      <filter-name>encoding</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>
  </filter>
  <filter-mapping>
      <filter-name>encoding</filter-name>
      <url-pattern>*.action</url-pattern>
  </filter-mapping>
  
  <!-- 前端控制器 -->
  <servlet>
      <servlet-name>springmvc</servlet-name>
      <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>    
      <!-- 默认找/WEB-INF/[servlet的名称]-servlet.xml -->
      <init-param>
          <param-name>contextConfigLocation</param-name>
          <param-value>classpath:springmvc.xml</param-value>
      </init-param>
  </servlet>
  
  <servlet-mapping>
      <servlet-name>springmvc</servlet-name>
      <url-pattern>*.action</url-pattern>
  </servlet-mapping>
  
</web-app>

【加入jsp页面】

商品列表显示页面

代码语言:javascript复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>
</head>
<body> 
<form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
查询条件:
<table width="100%" border=1>
<tr>
<td><input type="submit" value="查询"/></td>
</tr>
</table>
商品列表:
<table width="100%" border=1>
<tr>
    <td>商品名称</td>
    <td>商品价格</td>
    <td>生产日期</td>
    <td>商品描述</td>
    <td>操作</td>
</tr>
<c:forEach items="${itemList }" var="item">
<tr>
    <td>${item.name }</td>
    <td>${item.price }</td>
    <td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    <td>${item.detail }</td>
    
    <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>

</tr>
</c:forEach>

</table>
</form>
</body>

</html>

修改商品信息页面

代码语言:javascript复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改商品信息</title>

</head>
<body> 
    <!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
    <!-- <form id="itemForm" action="" method="post" enctype="multipart/form-data"> -->
    <form id="itemForm"    action="${pageContext.request.contextPath }/updateitem.action" method="post">
        <input type="hidden" name="items.id" value="${item.id }" /> 修改商品信息:
        <table width="100%" border=1>
            <tr>
                <td>商品名称</td>
                <td><input type="text" name="name" value="${item.name }" /></td>
            </tr>
            <tr>
                <td>商品价格</td>
                <td><input type="text" name="price" value="${item.price }" /></td>
            </tr>
            <tr>
                <td>商品简介</td>
                <td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" value="提交" />
                </td>
            </tr>
        </table>

    </form>
</body>

</html>

四、实例:实现商品列表显示

需求:实现商品查询列表,从mysql数据库查询商品信息。

4.1 DAO开发

使用逆向工程,生成代码。逆向工程生成代码如下图:

4.2 ItemService接口

代码语言:javascript复制
package com.kevin.service;

import java.util.List;

import com.kevin.entity.Items;

public interface ItemService {
    
    //查询商品列表
    public List<Items> selectItemsList();
    
}

4.3 ItemServiceImpl实现类

代码语言:javascript复制
package com.kevin.service.impl;
/**
 * 商品管理
 */

import java.util.Date;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.kevin.dao.ItemsMapper;
import com.kevin.entity.Items;
import com.kevin.service.ItemService;

@Service
public class ItemServiceImpl implements ItemService{
    
    @Autowired
    private ItemsMapper itemsMapper;
    
    //查询商品列表
    public List<Items> selectItemsList(){
        
        return itemsMapper.selectByExampleWithBLOBs(null);
    }
} 

4.4 ItemController

代码语言:javascript复制
package com.kevin.controller;

import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import com.kevin.dao.ItemsMapper;
import com.kevin.entity.Items;
import com.kevin.entity.QueryVo;
import com.kevin.service.ItemService;

/**
 * 商品管理
 * @author Kevin
 *
 */

@Controller
public class ItemController {
    
    @Autowired
    private ItemService itemsService;
    
    // @RequestMapping:里面放的是请求的url,和用户请求的url进行匹配
    // action可以写也可以不写    
    //显示全部商品信息
    @RequestMapping(value = "/item/itemlist.action")
    public ModelAndView itemList(){
        
        List<Items> itemsList = itemsService.selectItemsList();
        
        // 创建ModelAndView,用来存放数据和视图
        ModelAndView modelAndView = new ModelAndView();
        // 设置数据到模型中
        modelAndView.addObject("itemList", itemsList);
        // 设置视图jsp,需要设置视图的物理地址
        modelAndView.setViewName("itemList");
        
        return modelAndView;
    }

}

五、参数绑定

5.1 默认支持的参数类型

需求:打开商品编辑页面,展示商品信息。

需求分析:

  编辑商品信息,首先要显示商品详情

  需要根据商品id查询商品信息,然后展示到页面。

  请求的url:/itemEdit.action

  参数:id(商品id)

  响应结果:商品编辑页面,展示商品详细信息。

【ItemService接口】

代码语言:javascript复制
//根据id查询商品
    public Items selectItemsById(Integer id);

【ItemServiceImpl实现类】

代码语言:javascript复制
//根据id查询商品
    public Items selectItemsById(Integer id){
        return itemsMapper.selectByPrimaryKey(id);
    }

【ItemController】

代码语言:javascript复制
    //根据id获取商品信息
    @RequestMapping(value = "/itemEdit.action")
    public ModelAndView toEdit(HttpServletRequest request,HttpServletResponse response,
            HttpSession session,Model model){
        
        //获取传参
        String id = request.getParameter("id");
            //根据id查询信息
            Items items = itemsService.selectItemsById(Integer.parseInt(id));
     
        Items items = itemsService.selectItemsById(id);
        // 创建ModelAndView,用来存放数据和视图
        ModelAndView modelAndView = new ModelAndView();
        // 设置数据到模型中
        modelAndView.addObject("item",items);
        // 设置视图jsp,需要设置视图的物理地址
        modelAndView.setViewName("editItem");
        
        return modelAndView;
        
    }

默认支持的参数类型   处理器形参中添加如下类型的参数处理适配器会默认识别并进行赋值。   ● HttpServletRequest:通过request对象获取请求信息   ● HttpServletResponse:通过response处理响应信息   ● HttpSession:通过session对象得到session中存放的对象   ● Model/ModelMap

5.2 绑定简单类型

当请求的参数名称和处理器形参名称一致时会将请求参数与形参进行绑定。这样,从Request取参数的方法就可以进一步简化。

代码语言:javascript复制
    //根据id获取商品信息
    @RequestMapping(value = "/itemEdit.action")
    //直接绑定简单参数
    public ModelAndView toEdit(Integer id,HttpServletRequest request,HttpServletResponse response,
            HttpSession session,Model model){
        
        //获取传参
        //根据id查询信息
        //直接绑定简单参数
        Items items = itemsService.selectItemsById(id);
        // 创建ModelAndView,用来存放数据和视图
        ModelAndView modelAndView = new ModelAndView();
        // 设置数据到模型中
        modelAndView.addObject("item",items);
        // 设置视图jsp,需要设置视图的物理地址
        modelAndView.setViewName("editItem");
        
        return modelAndView;
        
    }

【支持的数据类型】

参数类型推荐使用包装数据类型,因为基础数据类型不可以为null。

  ● 整形:Integer、int

  ● 字符串:String

  ● 单精度:Float、float

  ● 双精度:Double、double

  ● 布尔型:Boolean、boolean

说明:对于布尔类型的参数,请求的参数值为true或false。或者1或0

5.3 绑定pojo类型

需求:将页面修改后的商品信息保存到数据库中。

需求分析:

  请求的url:/updateItem.action

  参数:表单中的数据。

  响应内容:更新成功页面

【使用pojo接收表单数据】

  如果提交的参数很多,或者提交的表单中的内容很多的时候,可以使用简单类型接受数据,也可以使用pojo接收数据。

  要求:pojo对象中的属性名和表单中input的name属性一致。

Tips:请求的参数名称和pojo的属性名称一致,会自动将请求参数赋值给pojo的属性。

【ItemService接口】

ItemService里编写接口方法

代码语言:javascript复制
//更新商品信息
    public void updateItemsById(Items items);

【ItemServiceImpl实现类】

ItemServiceImpl里实现接口方法,使用updateByPrimaryKeySelective(item)方法,忽略空参数

代码语言:javascript复制
//更新商品信息
    public void updateItemsById(Items items){
        items.setCreatetime(new Date());
        itemsMapper.updateByPrimaryKeyWithBLOBs(items);
    }

【ItemController】

代码语言:javascript复制
//绑定pojo对象
    //更新商品信息
    @RequestMapping(value = "/updateitem.action")
    public ModelAndView updateItem(Items items){
        itemsService.updateItemsById(items);
        
        ModelAndView mdv = new ModelAndView();
        mdv.setViewName("success");
        return mdv;
    }

注意:提交的表单中不要有日期类型的数据,否则会报400错误。如果想提交日期类型的数据需要用到后面的自定义参数绑定的内容。

【 编写success页面】

如下创建success.jsp页面

代码语言:javascript复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>
</head>
<body> 
Update Successfully!
</body>
</html>

【解决post乱码问题】

  提交发现,保存成功,但是保存的是乱码

在web.xml中加入:

代码语言:javascript复制
 <!-- 处理POST提交的乱码问题 -->
  <filter>
      <filter-name>encoding</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>
  </filter>
  <filter-mapping>
      <filter-name>encoding</filter-name>
      <url-pattern>*.action</url-pattern>
  </filter-mapping>

以上可以解决post请求乱码问题。

5.4 绑定包装pojo

需求:使用包装的pojo接收商品信息的查询条件。

包装对象定义如下:

代码语言:javascript复制
package com.kevin.entity;

public class QueryVo {
    
    private Items items;

    public Items getItems() {
        return items;
    }

    public void setItems(Items items) {
        this.items = items;
    }
    

}

页面定义如下图:

代码语言:javascript复制
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改商品信息</title>

</head>
<body> 
    <!-- 上传图片是需要指定属性 enctype="multipart/form-data" -->
    <!-- <form id="itemForm" action="" method="post" enctype="multipart/form-data"> -->
    <form id="itemForm"    action="${pageContext.request.contextPath }/updateitem.action" method="post">
        <input type="hidden" name="items.id" value="${item.id }" /> 修改商品信息:
        <table width="100%" border=1>
            <tr>
                <td>商品名称</td>
                <td><input type="text" name="items.name" value="${item.name }" /></td>
            </tr>
            <tr>
                <td>商品价格</td>
                <td><input type="text" name="items.price" value="${item.price }" /></td>
            </tr>
            
            <tr>
                <td>商品生产日期</td>
                <td><input type="text" name="items.createtime"
                    value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>" /></td>
            </tr>
            <tr>
                <td>商品简介</td>
                <td><textarea rows="3" cols="30" name="items.detail">${item.detail }</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" value="提交" />
                </td>
            </tr>
        </table>

    </form>
</body>

</html>

【接收查询条件】

代码语言:javascript复制
    //绑定pojo对象
    //更新商品信息
    @RequestMapping(value = "/updateitem.action")
    //使用pojo包装类
    public ModelAndView updateItem(QueryVo vo){    
        itemsService.updateItemsById(vo.getItems());
        
        ModelAndView mdv = new ModelAndView();
        mdv.setViewName("success");
        return mdv;
    }

5.5 自定义参数绑定

需求:在商品修改页面可以修改商品的生产日期,并且根据业务需求自定义日期格式。

需求分析:由于日期数据有很多种格式,springmvc没办法把字符串转换成日期类型。所以需要自定义参数绑定。前端控制器接收到请求后,找到注解形式的处理器适配器,对RequestMapping标记的方法进行适配,并对方法中的形参进行参数绑定。可以在springmvc处理器适配器上自定义转换器Converter进行参数绑定。一般使用<mvc:annotation-driven/>注解驱动加载处理器适配器,可以在此标签上进行配置。

【自定义Converter】

代码语言:javascript复制
package com.kevin.converter;
/**
 * 转换日期类型的数据
 * S 页面传递的参数类型
 * T 转换后的参数类型
 */

import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;

import org.springframework.core.convert.converter.Converter;

public class DateConverter implements Converter<String, Date>{

    public Date convert(String source) {//2018.06.02 10-50:57
        try {
            if(null != source){
                DateFormat df = new SimpleDateFormat("yyyy.MM.dd HH-mm:ss");
                return df.parse(source);
            }
            
        } catch (Exception e) {
        }

        return null;
    }
    

}

【配置Converter】

我们同时可以配置多个的转换器。

代码语言:javascript复制
<!-- 注解驱动 -->
    <mvc:annotation-driven conversion-service="conversionServiceFactoryBean"/>
    
    <!-- 配置Converter转换器工厂(日期等) -->
    <bean id="conversionServiceFactoryBean" class="org.springframework.format.support.FormattingConversionServiceFactoryBean">
        <property name="converters">
            <list>
                <bean class="com.kevin.converter.DateConverter"></bean>
            </list>
        </property>
    </bean>

六、springmvc与struts2不同

  ● springmvc的入口是一个servlet即前端控制器,而struts2入口是一个filter过滤器。

  ● springmvc是基于方法开发(一个url对应一个方法),请求参数传递到方法的形参,可以设计为单例或多例(建议单例),struts2是基于类开发,传递参数是通过类的属性,只能设计为多例。

  ● Struts采用值栈存储请求和响应的数据,通过OGNL存取数据, springmvc通过参数解析器是将request请求内容解析,并给方法形参赋值,将数据和视图封装成ModelAndView对象,最后又将ModelAndView中的模型数据通过request域传输到页面。Jsp视图解析器默认使用jstl。

0 人点赞