spring MVC基础

Spring MVC

什么是MVC

  • MVC是模型(Model)、视图(View)、控制器(Controller)的简写

  • 是将业务逻辑、数据、显示分离的方法来组织代码。

  • MVC主要作用是降低了视图与业务逻辑间的双向偶合。

  • MVC不是一种设计模式，MVC是一种架构模式。当然不同的MVC存在差异。

Model（模型）：数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型或 JavaBean组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据Dao） 和 服务层 （行为Service）。也就是模型提供了模型数据查询和模型数据的状态更新等功能，包括数据和业务。

View（视图）：负责进行模型的展示，一般就是我们见到的用户界面，客户想看到的东西。

Controller（控制器）：接收用户请求，委托给模型进行处理（状态改变），处理完毕后把返回的模型数据返回给视图，由视图负责展示。

image

最典型的MVC是jsp+servlet+javabean的模式

MVC框架要做哪些事情

  1. 将url映射到java类或java类的方法
  2. 封装用户提交的数据
  3. 处理请求--调用相关的业务处理--封装响应数据
  4. 将响应的数据进行渲染 . jsp / html 等表示层数据

Spring MVC的特点：

  1. 轻量级，简单易学
  2. 高效 , 基于请求响应的MVC框架
  3. 与Spring兼容性好，无缝结合
  4. 约定优于配置
  5. 功能强大：RESTful、数据验证、格式化、本地化、主题等
  6. 简洁灵活

Spring MVC实现步骤：

  1. 创建一个web项目
  2. 导入相关的jar包
  3. 编写web.xml注册DispatcherServlet
  4. 编写spring MVC配置文件
  5. 创建对应的控制类controller
  6. 完善前端视图和controller之间的对应
  7. 测试运行调试

springMVC必须配置的三大件：

处理映射器 处理器适配器 视图解析器

通常只需要手动配置视图解析器，其他两个只需开启注解驱动

控制器control

控制器提供访问应用程序的行为，通常通过接口定义或注解定义两种方式实现

控制器负责解析用户请求并将其转换为一个模型

SpringMVC 一个控制类可以包含多个方法

SpringMVC中，controller的配置方法也有多种

使用注解@Controller

@Controller 注解类型用于声明spring类的实例是一个控制器

  • @Component ：组件通用注解，常用于Model类
  • @Controller ：常用于对Controller实现类进行标注
  • @Service：常用于对Service实现类进行标注
  • @Repository：常用于对DAO实现类进行标注

spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类，为保证能够找到控制器，需要使用配置文件中的声明组件扫描

<!-- 自动扫描指定的包，下面所有注解类交给IOC容器管理 -->
    <context:component-scan base-package="com.fk.controller"/>

@RequestMapping

@RequestMapping注解用于映射URL到控制器类或一个特定的处理程序方法。可用于类或者方法上，用在类上表示类中所有响应请求的方法都是以该地址作为父路径

@Controller
public class TestController{
    @RequestMapping("/h1")
    public String test(){
        return "test";
    }
}//访问路径为 localhost:8080/项目名/h1

@Controller
@RequestMapping("/admin")
public class TestController{
    @RequestMapping("/h1")
    public String test(){
        return "test";
    }
}//访问路径为 localhost:8080/项目名/admin/h1

SpringMVC 的@Request mapping注解能够处理Http请求的方法，比如get,post...

所有地址栏请求默认都是HTTP GET类型

方法级别的注解变体有如下几个：

@GetMapping
@PostMapping
@PutMapping
@DeleteMapping
@PatchMapping

@GetMapping是一个组合注解

等价于@RequestMapping(method=RequestMethod.GET) 是一个快捷方式

结果跳转方式

ModelAndView

设置ModelAndView对象，根据view的名称，和视图解析器跳到指定的页面

页面：{视图解析器前缀}+viewName+{视图解析器后缀}

<!-- 视图解析器 -->
<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver"
id="internalResourceViewResolver">
<!-- 前缀 -->
<property name="prefix" value="/WEB-INF/jsp/" />
<!-- 后缀 -->
<property name="suffix" value=".jsp" />
</bean>

对应的controller类

public class ControllerTest1 implements Controller {
public ModelAndView handleRequest(HttpServletRequest httpServletRequest,
HttpServletResponse httpServletResponse) throws Exception {
//返回一个模型视图对象
ModelAndView mv = new ModelAndView();
mv.addObject("msg","ControllerTest1");
mv.setViewName("test");
return mv;
}
}

ServletAPI

  1. 通过HttpServletResponse进行输出
  2. 通过HttpServletResponse实现重定向
  3. 通过HttpServletResponse实现转发
@Controller
public class ResultGo {
@RequestMapping("/result/t1")
public void test1(HttpServletRequest req, HttpServletResponse rsp)
throws IOException {
rsp.getWriter().println("Hello,Spring BY servlet API");//进行输出
}
@RequestMapping("/result/t2")
public void test2(HttpServletRequest req, HttpServletResponse rsp)
throws IOException {
rsp.sendRedirect("/index.jsp");//实现重定向
}
@RequestMapping("/result/t3")
public void test3(HttpServletRequest req, HttpServletResponse rsp)
throws Exception {
//转发
req.setAttribute("msg","/result/t3");
req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,rsp);//实现转发
}
}

SpringMVC

通过SpringMVC来实现转发和重定向（无需视图解析器）

@Controller
public class ResultSpringMVC {
@RequestMapping("/rsm/t1")
public String test1(){
//转发
return "/index.jsp";
}
@RequestMapping("/rsm/t2")
public String test2(){
//转发二
return "forward:/index.jsp";
}
@RequestMapping("/rsm/t3")
    public String test3(){
//重定向
return "redirect:/index.jsp";
}
}

通过SpringMVC来实现转发和重定向 (有视图解析器)

重定向 , 不需要视图解析器 , 本质就是重新请求一个新地方嘛 , 所以注意路径问题

可以重定向到另外一个请求实现

@Controller
public class ResultSpringMVC2 {
@RequestMapping("/rsm2/t1")
public String test1(){
//转发
return "test";
}
@RequestMapping("/rsm2/t2")
public String test2(){
//重定向
return "redirect:/index.jsp";
//return "redirect:hello.do"; //hello.do为另一个请求/
}
}

后台处理

处理提交数据

  1. 提交的域名称和处理方法的参数名一致

    提交数据：http://localhost:8080/hello?name=fkxiaozhou

    处理方法：

@RequestMapping("/hello")
public String hello(String name){
    System.out.println(name);
	return "hello";
}

​ 后台输出：fkxiaozhou

  1. 提交的域名称和处理方法参数名不一致

    提交数据：http://localhost:8080/hello?name=fkxiaozhou

    处理方法：

    //@RequestParam("username") : username提交的域的名称 .
@RequestMapping("/hello")
public String hello(@RequestParam("username") String name){
System.out.println(name);
return "hello";
}

    后台输出：fkxiaozhou

  2. 提交的是一个对象

    要求提交的表单域和对象的属性名一致 , 参数使用对象即可

    • 实体类

      public class user{
    private int id;
    private String name;
    private int age;
    //构造
    //get/set
    //tostring
      //也可以使用lombok进行构造
}

    • 提交数据

      http://localhost:8080/mvc04/user?name=fkxiaozhou&id=1&age=15

    • 处理方式：

      @RequestMapping("/user")
public String user(User user){
    System.out.println(user);
    rturn "hello";
}

      后台输出：User

数据显示到前端

  1. 通过ModelAndView

    public class ControllerTest1 implement Controller{
    public ModelAndView handleRequest(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse)throws Exception{
        //返回一个模型视图对象
        ModelAndView mv = new ModelAndView();
        mv.addobject("msg","ControllerTest1");
        mv.setViewName("test");
        return mv;
    }
}

  2. 通过ModelMap

    @RequestMapping("/hello")
public String hello(@RequestParam("username") String name,ModelMap model){
    //封装要显示到视图的数据
    //相当于req.setAttribute("name",name);
    model.setAttribute("name",name);
    System.out.println(name);
    return "hello";
}

  3. 通过Model

    @Requestmapping("/ct2/hello")
public String hello(@RequestParam("username") String name,Model model){
    //封装要显示到视图的数据
    //相当于req.setAttribute("name",name);
    model.setAttribute("msg",name);
    System.out.println(name);
    return "test";
}

对比：

model只有几个方法，只适用于存储数据，简化了新手对于model对象的操作和理解；
 
ModelMap继承了LinkedMap,除了实现自身的一些方法，同样的继承了LinkedMap的方法和特性
    
ModelAndView 可以在存储数据的同时，可以进行设置返回的逻辑视图，进行控制展示层的跳转

乱码问题

乱码问题在开发中十分常见，SpringMVC提供了一个过滤器，可以在web.xml中进行配置，修改了xml文件需要重启服务器

<filter>
<filter-name>encoding</filter-name>
<filterclass>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>/*</url-pattern>
</filter-mapping>

在一些极端情况下这个过滤器对get不支持

处理方法：

  1. 修改tomcat配置文件：设置编码

    <Connector URIEncoding="utf-8" port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />

  2. 自定义过滤器

    package com.fk.filter

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletRequestWrapper;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.Map;
/**
* 解决get和post请求 全部乱码的过滤器
*/
public class GenericEncodingFilter implements Filter {
	@Override
	public void destroy() {
	}
	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
	//处理response的字符编码
	HttpServletResponse myResponse=(HttpServletResponse) response;
	myResponse.setContentType("text/html;charset=UTF-8");
	// 转型为与协议相关对象
	HttpServletRequest httpServletRequest = (HttpServletRequest) request;
	// 对request包装增强
	HttpServletRequest myrequest = new MyRequest(httpServletRequest);
	chain.doFilter(myrequest, response);
	}
	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
        
		}
	}
	//自定义request对象，HttpServletRequest的包装类
	class MyRequest extends HttpServletRequestWrapper {
        
	private HttpServletRequest request;
	//是否编码的标记
	private boolean hasEncode;
	//定义一个可以传入HttpServletRequest对象的构造函数，以便对其进行装饰
	public MyRequest(HttpServletRequest request) {
	super(request);// super必须写
	this.request = request;
	}
	// 对需要增强方法 进行覆盖
	@Override
	public Map getParameterMap() {
	// 先获得请求方式
	String method = request.getMethod();
	if (method.equalsIgnoreCase("post")) {
	// post请求
	try {
	// 处理post乱码
	request.setCharacterEncoding("utf-8");
	return request.getParameterMap();
	} catch (UnsupportedEncodingException e) {
	e.printStackTrace();
	}
	} else if (method.equalsIgnoreCase("get")) {
	// get请求
	Map<String, String[]> parameterMap = request.getParameterMap();
	if (!hasEncode) { // 确保get手动编码逻辑只运行一次
	for (String parameterName : parameterMap.keySet()) {
	String[] values = parameterMap.get(parameterName);
    if (values != null) {
	for (int i = 0; i < values.length; i++) {
	try {
	// 处理get乱码
	values[i] = new String(values[i]
	.getBytes("ISO-8859-1"), "utf8");
	} catch (UnsupportedEncodingException e) {
	e.printStackTrace();
	}
	}
	}
	}
	hasEncode = true;
	}
	return parameterMap;
	}
	return super.getParameterMap();
	}
	//取一个值
	@Override
	public String getParameter(String name) {
	Map<String, String[]> parameterMap = getParameterMap();
	String[] values = parameterMap.get(name);
	if (values == null) {
	return null;
	}
	return values[0]; // 取回参数的第一个值
	}
	//取所有值
	@Override
	public String[] getParameterValues(String name) {
	Map<String, String[]> parameterMap = getParameterMap();
	String[] values = parameterMap.get(name);
	return values;
	}
}

    乱码问题尽可能设置编码的地方，设置为统一编码UTF-8

整合SSM（Spring+SpringMVC+MyBatis）

环境要求：

  • IDEA
  • MySQL
  • Tomcat
  • Maven

要求：

熟练掌握MySQL数据库，Spring，Javaweb及MyBatis知识，简单的前端知识

搭建ssm框架的思路：

  1. dao层：整合mybatis和Spring

    需要的jar包：

    1. mybatis的jar包
    2. spring的jar包
    3. mybatis和spring的整包
    4. MySQL的数据库驱动
    5. 数据库连接池

    配置文件:(所有的配置文件都应该放在web文件中)

    1. mybatis配置文件
    2. Spring的配置文件
    • 数据源
    • 数据库连接池
    • 配置sqlsessionfactory(mybatis和spring整合包中的)
    • 配置mapper文件扫描器

  2. service层

    使用jar包：主要是Spring的jar包

    配置文件：applicationContext-trans.xml

    配置一个包扫描器：扫描所有带@Service的注解类

    事务配置：

    1. applicationContext-trans.xml
    2. 配置一个事务管理器
    3. 配置tx
    4. 配置切面

  3. 表现层，使用springmvc

    需要使用springmvc和spring的jar

    配置文件：springmvc.xml(三大主件)

    1. 注解驱动(能代替两个)
    2. jsp视图解析器
    3. 扫描包，@Controller注解

    web.xml

    1. 配置springmvc的前端控制器
    2. Spring容器初始化的listener

    ![](spring MVC.assets\QQ截图20200921134900.png)

创建数据库

创建一个存放书籍数据的数据库表：

CREATE DATABASE `ssmbuild`;

USE `ssmbuild`;
DROP TABLE IF EXISTS `books`;

CREATE TABLE `books` (
`bookID` INT(10) NOT NULL AUTO_INCREMENT COMMENT '书id',
`bookName` VARCHAR(100) NOT NULL COMMENT '书名',
`bookCounts` INT(11) NOT NULL COMMENT '数量',
`detail` VARCHAR(200) NOT NULL COMMENT '描述',
KEY `bookID` (`bookID`)
) ENGINE=INNODB DEFAULT CHARSET=utf8;
    
INSERT INTO `books`(`bookID`,`bookName`,`bookCounts`,`detail`)VALUES
(1,'Java',1,'从入门到放弃'),
(2,'MySQL',10,'从删库到跑路'),
(3,'Linux',5,'从进门到进牢');

基本环境搭建

  1. 创建一个maven项目，ssmbuild,添加web支持
  2. 导入相关的依赖
<dependencies>
    <!--junit-->
    <dependency>
		<groupId>junit</groupId>
		<artifactId>junit</artifactId>
		<version>4.12</version>
	</dependency>
<!--数据库驱动-->
	<dependency>
		<groupId>mysql</groupId>
		<artifactId>mysql-connector-java</artifactId>
		<version>5.1.47</version>
	</dependency>
<!-- 数据库连接池 -->
	<dependency>
		<groupId>com.mchange</groupId>
		<artifactId>c3p0</artifactId>
		<version>0.9.5.2</version>
	</dependency>
<!--Servlet - JSP -->
	<dependency>
		<groupId>javax.servlet</groupId>
		<artifactId>servlet-api</artifactId>
		<version>2.5</version>
	</dependency>
	<dependency>
		<groupId>javax.servlet.jsp</groupId>
		<artifactId>jsp-api</artifactId>
		<version>2.2</version>
	</dependency>
	<dependency>
		<groupId>javax.servlet</groupId>
		<artifactId>jstl</artifactId>
		<version>1.2</version>
	</dependency>
<!--Mybatis-->
	<dependency>
		<groupId>org.mybatis</groupId>
		<artifactId>mybatis</artifactId>
		<version>3.5.2</version>
	</dependency>
	<dependency>
		<groupId>org.mybatis</groupId>
		<artifactId>mybatis-spring</artifactId>
		<version>2.0.2</version>
	</dependency>
<!--Spring-->
	<dependency>
		<groupId>org.springframework</groupId>
		<artifactId>spring-webmvc</artifactId>
		<version>5.1.9.RELEASE</version>
    </dependency>
	<dependency>
		<groupId>org.springframework</groupId>
		<artifactId>spring-jdbc</artifactId>
		<version>5.1.9.RELEASE</version>
	</dependency>

  1. Maven资源过滤设置

    <build>
	<resources>
		<resource>
			<directory>src/main/java</directory>
			<includes>
				<include>**/*.properties</include>
				<include>**/*.xml</include>
			</includes>
			<filtering>false</filtering>
		</resource>
		<resource>
			<directory>src/main/resources</directory>
			<includes>
				<include>**/*.properties</include>
				<include>**/*.xml</include>
			</includes>
			<filtering>false</filtering>
		</resource>
	</resources>
</build>

    为了应对环境的变化，首先需要使用Maven属性将这些将会发生变化的部分提取出来。在上面的数据库配置中，连接数据库使用的驱动类、URL、用户名和密码都可能发生变化，因此使用Maven属性替换它们。

  2. 建立基本结构和配置框架

    • com.fk.pojo(实体类)

    • com.fk.dao(dao层操作数据库)

    • com.fk.service(service层对dao层进行封装调用)

    • com.fk.controller(controller层业务调度)

    • mybatis-config.xml(mybatis进行配置)

      <?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>
</configuration>

    • applicationContext.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"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/springbeans.xsd">
</beans>

Mybatis层编写

  1. 数据库配置文件database.properties

    jdbc.driver=com.mysql.jdbc.Driver   //注册驱动
jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?   //配置数据库参数
useSSL=true&useUnicode=true&characterEncoding=utf8
jdbc.username=root
jdbc.password=123456

  2. IDEA关联数据库

  3. 配置Mybatis核心配置文件

    <?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>
<package name="com.kuang.pojo"/>
</typeAliases>
<mappers>
<mapper resource="com/kuang/dao/BookMapper.xml"/>
</mappers>
</configuration>

  4. 编写数据库对应的实体类com.fk.pojo.Books

    使用Lombok插件

    package com.fk.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Books {
	private int bookID;
	private String bookName;
	private int bookCounts;
	private String detail;
}

  5. 编写dao层的mapper接口

    package com.fk.dao
    
import com.kuang.pojo.Books;
import java.util.List;

public interface BookMapper {
//增加一个Book
	int addBook(Books books);
//根据id删除一个Book
	int deleteBookById(int id);
//更新Book	
	int updateBook(Books books);
//根据id查询,返回一个Book
	Books queryBookById(int id);
//查询全部Book,返回list集合
	List<Books> queryAllBook();
}

  6. 编写接口对应的Mapper.xml文件。需要导入MyBatis的包

    <?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.kuang.dao.BookMapper">
    
	<!--增加一个Book-->
	<insert id="addBook" parameterType="Books">
		insert into ssmbuild.books(bookName,bookCounts,detail)
		values (#{bookName}, #{bookCounts}, #{detail})
	</insert>
    
	<!--根据id删除一个Book-->
	<delete id="deleteBookById" parameterType="int">
		delete from ssmbuild.books where bookID=#{bookID}
	</delete>
        
	<!--更新Book-->
	<update id="updateBook" parameterType="Books">
		update ssmbuild.books
		set bookName = #{bookName},bookCounts = #{bookCounts},detail = #{detail}
		where bookID = #{bookID}
	</update>
        
	<!--根据id查询,返回一个Book-->
	<select id="queryBookById" resultType="Books">
		select * from ssmbuild.books
		where bookID = #{bookID}
	</select>
	<!--查询全部Book-->
	<select id="queryAllBook" resultType="Books">
		SELECT * from ssmbuild.books
	</select>
</mapper>

  7. 编写service层的接口和实现类

    接口:

    package com.fk.service;
    
import com.fk.pojo.Books;

import java.util.List;

//BookService:底下需要去实现,调用dao层
public interface BookService {
	//增加一个Book
	int addBook(Books book);
	//根据id删除一个Book
	int deleteBookById(int id);
	//更新Book
	int updateBook(Books books);
	//根据id查询,返回一个Book
	Books queryBookById(int id);
	//查询全部Book,返回list集合
	List<Books> queryAllBook();
}

    实现类：

    package com.fk.service;
import com.kuang.dao.BookMapper;
import com.kuang.pojo.Books;
import java.util.List;
public class BookServiceImpl implements BookService {
	//调用dao层的操作，设置一个set接口，方便Spring管理
	private BookMapper bookMapper;
    
	public void setBookMapper(BookMapper bookMapper) {
		this.bookMapper = bookMapper;
	}
	public int addBook(Books book) {
		return bookMapper.addBook(book);
	}
	public int deleteBookById(int id) {
		return bookMapper.deleteBookById(id);
	}
	public int updateBook(Books books) {
		return bookMapper.updateBook(books);
	}
	public Books queryBookById(int id) {
		return bookMapper.queryBookById(id);
	}
	public List<Books> queryAllBook() {
	return bookMapper.queryAllBook();
	}
}

    底层需求操作编写完毕

Spring层

  1. 配置Spring整合MyBatis,数据源使用c3p0连接池

  2. 编写Spring整合Mybatis的相关配置文件：spring-dao.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"
	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/springcontext.xsd">
	
	<!-- 配置整合mybatis -->
	<!-- 1.关联数据库文件 -->
	<context:property-placeholder
location="classpath:database.properties"/>
	<!-- 2.数据库连接池 -->
	<!--数据库连接池
		dbcp 半自动化操作 不能自动连接
		c3p0 自动化操作（自动的加载配置文件 并且设置到对象里面）
	-->
	<bean id="dataSource"
class="com.mchange.v2.c3p0.ComboPooledDataSource">
	<!-- 配置连接池属性 -->
	<property name="driverClass" value="${jdbc.driver}"/>
	<property name="jdbcUrl" value="${jdbc.url}"/>
	<property name="user" value="${jdbc.username}"/>
	<property name="password" value="${jdbc.password}"/>
    
	<!-- c3p0连接池的私有属性 -->
	<property name="maxPoolSize" value="30"/>
	<property name="minPoolSize" value="10"/>
    
	<!-- 关闭连接后不自动commit -->
	<property name="autoCommitOnClose" value="false"/>
    
	<!-- 获取连接超时时间 -->
	<property name="checkoutTimeout" value="10000"/>
    
	<!-- 当获取连接失败重试次数 -->
	<property name="acquireRetryAttempts" value="2"/>
</bean>
	<!-- 3.配置SqlSessionFactory对象 -->
	<bean id="sqlSessionFactory"
class="org.mybatis.spring.SqlSessionFactoryBean">
    <!-- 注入数据库连接池 -->
	<property name="dataSource" ref="dataSource"/>
	<!-- 配置MyBaties全局配置文件:mybatis-config.xml -->
	<property name="configLocation" value="classpath:mybatisconfig.xml"/>
</bean>
	<!-- 4.配置扫描Dao接口包，动态实现Dao接口注入到spring容器中 -->
	<!--解释 ： https://www.cnblogs.com/jpfss/p/7799806.html-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
	<!-- 注入sqlSessionFactory -->
	<property name="sqlSessionFactoryBeanName"
value="sqlSessionFactory"/>
	<!-- 给出需要扫描Dao接口包 -->
	<property name="basePackage" value="com.kuang.dao"/>
	</bean>
    
</beans>

  3. Spring整合service层

    <?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"
		xsi:schemaLocation="http://www.springframework.org/schema/beans
	http://www.springframework.org/schema/beans/spring-beans.xsd
	http://www.springframework.org/schema/context
	http://www.springframework.org/schema/context/spring-context.xsd">

	<!-- 扫描service相关的bean -->
	<context:component-scan base-package="com.kuang.service" />
        
	<!--BookServiceImpl注入到IOC容器中-->
	<bean id="BookServiceImpl"
class="com.kuang.service.BookServiceImpl">
		<property name="bookMapper" ref="bookMapper"/>
	</bean>
    
	<!-- 配置事务管理器 -->
	<bean id="transactionManager"
class="org.springframework.jdbc.datasource.DataSourceTransactionManager"
>
    
		<!-- 注入数据库连接池 -->
		<property name="dataSource" ref="dataSource" />
	</bean>
</beans>

    Spring层搞定，spring就是一个大杂烩，一个大容器

SpringMVC层

  1. web.xml

    <?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">
        
	<!--DispatcherServlet-->
	<servlet>
		<servlet-name>DispatcherServlet</servlet-name>
		<servletclass>org.springframework.web.servlet.DispatcherServlet</servlet-class>
	<init-param>
		<param-name>contextConfigLocation</param-name>
		<!--一定要注意:我们这里加载的是总的配置文件，之前被这里坑了！-->
		<param-value>classpath:applicationContext.xml</param-value>
	</init-param>
	<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
	</servlet-mapping>
            
	<!--encodingFilter-->
<filter>
	<filter-name>encodingFilter</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>encodingFilter</filter-name>
	<url-pattern>/*</url-pattern>
</filter-mapping>

	<!--Session过期时间-->
	<session-config>
		<session-timeout>15</session-timeout>
	</session-config>
	
</web-app>

  2. spring-mvc.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
	http://www.springframework.org/schema/context/spring-context.xsd
	http://www.springframework.org/schema/mvc
	https://www.springframework.org/schema/mvc/spring-mvc.xsd">

	<!-- 配置SpringMVC -->
	<!-- 1.开启SpringMVC注解驱动 -->
	<mvc:annotation-driven />
	<!-- 2.静态资源默认servlet配置-->
	<mvc:default-servlet-handler/>
        
	<!-- 3.配置jsp 显示ViewResolver视图解析器 -->
	<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver
">
	<property name="viewClass"
    value="org.springframework.web.servlet.view.JstlView" />
	<property name="prefix" value="/WEB-INF/jsp/" />
	<property name="suffix" value=".jsp" />
	</bean>
    
	<!-- 4.扫描web相关的bean -->
	<context:component-scan base-package="com.kuang.controller" />
</beans>

  3. Spring配置整合文件，applicationContext.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"
		xsi:schemaLocation="http://www.springframework.org/schema/beans
		 http://www.springframework.org/schema/beans/spring-beans.xsd">
	<import resource="spring-dao.xml"/>
	<import resource="spring-service.xml"/>
	<import resource="spring-mvc.xml"/>
    
</beans>

Controller层和视图层编写

  1. BookController类编写，方法一：查询全部书籍

    @Controller
@RequestMapping("/book")
public class BookController{
    
	@Autowired
	@Qualifier("BookServiceImpl")
	private BookService bookService;
    
	@RequestMapping("/allBook")
	public String list(Model model) {
		List<Books> list = bookService.queryAllBook();
		model.addAttribute("list", list);
		return "allBook";
	}
}

  2. 编写首页index.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>首页</title>
	<style type="text/css">
		a {
            text-decoration: none;
			color: black;
			font-size: 18px;
		}
		h3 {
			width: 180px;
			height: 38px;
			margin: 100px auto;
			text-align: center;
			line-height: 38px;
			background: deepskyblue;
			border-radius: 4px;
}
	</style>
</head>
<body>
        
<h3>
	<a href="${pageContext.request.contextPath}/book/allBook">点击进入列表
页</a>
</h3>
</body>
</html>

  3. 书籍列表页面allbook.jsp

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍列表</title>
	<meta name="viewport" content="width=device-width, initialscale=1.0">
	<!-- 引入 Bootstrap -->
	<link
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
    
    
<div class="container">
    
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
   				 <h1>
					<small>书籍列表 —— 显示所有书籍</small>
				</h1>
			</div>
		</div>
	</div>
                
	<div class="row">
		<div class="col-md-4 column">
			<a class="btn btn-primary"
href="${pageContext.request.contextPath}/book/toAddBook">新增</a>
	</div>
</div>
                
	<div class="row clearfix">
		<div class="col-md-12 column">
			<table class="table table-hover table-striped">
				<thead>
				<tr>
				 <th>书籍编号</th>
    			 <th>书籍名字</th>
    			 <th>书籍数量</th>
    			 <th>书籍详情</th>
    			 <th>操作</th>
				</tr>
				</thead>
                
				<tbody>
				<c:forEach var="book"
items="${requestScope.get('list')}">
					<tr>
						<td>${book.getBookID()}</td>
						<td>${book.getBookName()}</td>
						<td>${book.getBookCounts()}</td>
						<td>${book.getDetail()}</td>
						<td>
							<a
href="${pageContext.request.contextPath}/book/toUpdateBook?
id=${book.getBookID()}">更改</a> |
							<a
href="${pageContext.request.contextPath}/book/del/${book.getBookID()}">
删除</a>
						</td>
					</tr>
				</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</div>

  4. BookController类编写，方法二：添加书籍

    @RequestMapping("/toAddBook")
public String toAddPaper(){
    return "addBook";
}

@RequestMapping("/addBook")
public String addPaper(Books books) {
System.out.println(books);
bookService.addBook(books);
return "redirect:/book/allBook";
}

  5. 添加书籍页面：addBook.jsp

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    
<html>
<head>
	<title>新增书籍</title>
	<meta name="viewport" content="width=device-width, initialscale=1.0">
	<!-- 引入 Bootstrap -->
	<link
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
<div class="container">
    
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
				<h1>
					<small>新增书籍</small>
				</h1>
			</div>
		</div>
	</div>
	<form action="${pageContext.request.contextPath}/book/addBook"
method="post">
		书籍名称：<input type="text" name="bookName"><br><br><br>
		书籍数量：<input type="text" name="bookCounts"><br><br><br>
		书籍详情：<input type="text" name="detail"><br><br><br>
		<input type="submit" value="添加">
	</form>
                
</div>

  6. BookController 类编写 ， 方法三：修改书籍

    @RequestMapping("/toUpdateBook")
public String toUpdateBook(Model model, int id) {
	Books books = bookService.queryBookById(id);
	System.out.println(books);
	model.addAttribute("book",books );
	return "updateBook";
}

@RequestMapping("/updateBook")
public String updateBook(Model model, Books book) {
	System.out.println(book);
	bookService.updateBook(book);
	Books books = bookService.queryBookById(book.getBookID());
	model.addAttribute("books", books);
	return "redirect:/book/allBook";
}

  7. 修改书籍页面 updateBook.jsp

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>修改信息</title>
	<meta name="viewport" content="width=device-width, initialscale=1.0">
	<!-- 引入 Bootstrap -->
	<link
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
<div class="container">
    
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
				<h1>
					<small>修改信息</small>
				</h1>
			</div>
		</div>
	</div>
                
	<form action="${pageContext.request.contextPath}/book/updateBook"
method="post">
		<input type="hidden" name="bookID" value="${book.getBookID()}"/>
		书籍名称：<input type="text" name="bookName"
value="${book.getBookName()}"/>
		书籍数量：<input type="text" name="bookCounts"
value="${book.getBookCounts()}"/>
		书籍详情：<input type="text" name="detail"
value="${book.getDetail() }"/>
		<input type="submit" value="提交"/>
	</form>
                
</div>

  8. BookController 类编写 ， 方法四：删除书籍

    @RequestMapping("/del/{bookId}")
public String deleteBook(@PathVariable("bookId") int id) {
	bookService.deleteBookById(id);
	return "redirect:/book/allBook";
}

配置Tomcat，进行运行

到目前为止，这个SSM项目整合已经完全的OK了，可以直接运行进行测试！这个练习十分的重要，大家 需要保证，不看任何东西，自己也可以完整的实现出来！

项目结构

image-20200810192047571

我们后面还要学习一些 SpringMVC 的知识！

  • Ajax 和 Json

  • 文件上传和下载

  • 拦截器

    SpringBoot、SpringCloud开发！

实现查询书籍功能

  1. 前端页面增加一个输入框和查询按钮

    <div class="col-md-4 column"></div>
<div class="col-md-4 column">
<form class="form-inline" action="/book/queryBook" method="post"
style="float: right">
<input type="text" name="queryBookName" class="form-control"
placeholder="输入查询书名" required>
<input type="submit" value="查询" class="btn btn-primary">
</form>
</div>

  2. 编写查询的Controller

    @RequestMapping("/queryBook")
public String queryBook(String queryBookName,Model model){
System.out.println("要查询的书籍:"+queryBookName);
//业务逻辑还没有写
return "allBook";
}

  3. 由于底层没有实现，所以我们要将底层代码先搞定

  4. Mapper接口

    //根据id查询,返回一个Book
Books queryBookByName(String bookName);

  5. Mapper.xml

    <!--根据书名查询,返回一个Book-->
<select id="queryBookByName" resultType="Books">
select * from ssmbuild.books
where bookName = #{bookName}
</select>

  6. Service接口

    //根据id查询,返回一个Book
Books queryBookByName(String bookName);

  7. Service实现类

    public Books queryBookByName(String bookName) {
return bookMapper.queryBookByName(bookName);
}

  8. 完善Controller

    @RequestMapping("/queryBook")
public String queryBook(String queryBookName,Model model){
	System.out.println("要查询的书籍:"+queryBookName);
	Books books = bookService.queryBookByName(queryBookName);
	List<Books> list = new ArrayList<Books>();
	list.add(books);
	model.addAttribute("list", list);
	return "allBook";
}

  9. 测试，查询功能OK！

  10. 无聊优化！我们发现查询的东西不存在的时候，查出来的页面是空的，我们可以提高一下用户的体 验性！

    1. 在前端添加一个展示全部书籍的按钮

      image-20200810192739478

    2. 并在后台增加一些判断性的代码！

      @RequestMapping("/queryBook")
public String queryBook(String queryBookName,Model model){
	System.out.println("要查询的书籍:"+queryBookName);
	//如果查询的数据存在空格，则优化
	Books books =bookService.queryBookByName(queryBookName.trim());
	List<Books> list = new ArrayList<Books>();
	list.add(books);
    
	//如果没有查出来书籍，则返回全部书籍列表
	if (books==null){
	list = bookService.queryAllBook();
	model.addAttribute("error", "没有找到本书！");
	}
	model.addAttribute("list", list);
	return "allBook";
}

    3. 将错误信息展示在前台页面！完整的查询栏代码

      <div class="row">
	<div class="col-md-4 column">
		<a class="btn btn-primary"
href="${pageContext.request.contextPath}/book/toAddBook">新增</a>
		<a class="btn btn-primary"
href="${pageContext.request.contextPath}/book/allBook">显示全部书籍
</a>
	</div>
	<div class="col-md-8 column">
		<form class="form-inline" action="/book/queryBook"
method="post" style="float: right">
			<span style="color:red;font-weight: bold">${error}
</span>
			<input type="text" name="queryBookName" class="formcontrol" placeholder="输入查询书名" required>
			<input type="submit" value="查询" class="btn btnprimary">
		</form>
	</div>
</div>

JSON

什么是json

json是一种轻量级数据交换格式

  • 采用完全独立于编程语言的文本格式来存储和表示数据
  • 简洁 层次结构清晰
  • 易于人阅读和编写，同时也易于机器解析和生成，并有效提高网络传输效率

JSON语法要求：

  • 对象为键值对，数据用逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JSON 键值对是用来保存 JavaScript 对象的一种方式，和 JavaScript 对象的写法也大同小异，键/值对组 合中的键名写在前面并用双引号 "" 包裹，使用冒号 : 分隔，然后紧接着值：

{"name": "QinJiang"}
{"age": "3"}
{"sex": "男"}

JSON是JavaScript对象的字符串表示法，它使用文本表示一个JS对象的信息，本质是一个字符串

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹
的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个
字符串

JSON 和 JavaScript 对象互转:

  • 实现从JSON字符串转换为JavaScript对象，使用JSON.parse()方法

    var obj = JSON.parse('{"a": "Hello", "b": "World"}');
//结果是 {a: 'Hello', b: 'World'}

  • 要实现从JavaScript 对象转换为JSON字符串，使用 JSON.stringify() 方法：

    var json = JSON.stringify({a: 'Hello', b: 'World'});
//结果是 '{"a": "Hello", "b": "World"}'

代码测试：

//编写一个js对象
var user = {
	name:"秦疆",
	age:3,
	sex:"男"
};
//将js对象转为json字符串
	var str = JSON.stringify(user);
	console.log(str);   //json对象打印字符串
//将json字符串转换为js对象
	var user2 = JSON.parse(str);
	console.log(user2.age,user2.name,user2.sex);  //JavaScript打印对象

Controller返回JSON数据

  • Jackson应该是目前比较好的json解析工具了

  • 当然工具不止这一个，比如还有阿里巴巴的 fastjson 等等。

  • 我们这里使用Jackson，使用它需要导入它的jar包；

<!--
https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jacksoncore -->
<dependency>
	<groupId>com.fasterxml.jackson.core</groupId>
	<artifactId>jackson-databind</artifactId>
	<version>2.9.8</version>
</dependency>

配置SpringMVC需要的配置

web.xml

<?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">
	 <!--1.注册servlet-->
	<servlet>
		<servlet-name>SpringMVC</servlet-name>
		<servletclass>org.springframework.web.servlet.DispatcherServlet</servlet-class>
	<!--通过初始化参数指定SpringMVC配置文件的位置，进行关联-->
	<init-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:springmvc-servlet.xml</param-value>
	</init-param>
	<!-- 启动顺序，数字越小，启动越早 -->
	<load-on-startup>1</load-on-startup>
</servlet>
            
<!--所有请求都会被springmvc拦截 -->
<servlet-mapping>
	<servlet-name>SpringMVC</servlet-name>
	<url-pattern>/</url-pattern>
</servlet-mapping>
            
<filter>
    <filter-name>encoding</filter-name>
	<filterclass>org.springframework.web.filter.CharacterEncodingFilter</filterclass>
<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>/</url-pattern>
</filter-mapping>
            
</web-app>

springmvc-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/springcontext.xsd
	 http://www.springframework.org/schema/mvc
	 https://www.springframework.org/schema/mvc/spring-mvc.xsd">
	<!-- 自动扫描指定的包，下面所有注解类交给IOC容器管理 -->
	<context:component-scan base-package="com.kuang.controller"/>
        
	<!-- 视图解析器 -->
<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver
"
	id="internalResourceViewResolver">
	<!-- 前缀 -->
	<property name="prefix" value="/WEB-INF/jsp/" />
	<!-- 后缀 -->
	<property name="suffix" value=".jsp" />
</bean>
</beans>

编写实体类和测试Controller

package com.kuang.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
//需要导入lombok
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User{
    private String name;
    private int age;
    private String sex;	
}

@Controller
public class UserController {
    
	@RequestMapping(value="/json1",produces="application/json;charset=utf-8")
	@ResponseBody
	public String json1() throws JsonProcessingException {
	//创建一个jackson的对象映射器，用来解析数据
	ObjectMapper mapper = new ObjectMapper();
	//创建一个对象
	User user = new User("秦疆1号", 3, "男");
	//将我们的对象解析成为json格式
	String str = mapper.writeValueAsString(user);
	//由于@ResponseBody注解，这里会将str转成json格式返回；十分方便
	return str;
	}
    
}

可以使用JSON处理乱码问题

代码优化

乱码统一解决

如果使用上一种方法，如果项目中有许多请求则每一个都要添加，可以使用Spring配置统一制定，这样就不用每次都去处理了

在Springmvc的配置文件添加一段消息StringHttpMessageConverter转换配置！

<mvc:annotation-driven>
	<mvc:message-converters register-defaults="true">
		<bean
class="org.springframework.http.converter.StringHttpMessageConverter">
	<constructor-arg value="UTF-8"/>
		</bean>
		<bean
class="org.springframework.http.converter.json.MappingJackson2HttpMessageCon
verter">
				<property name="objectMapper">
			<bean
class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBe
an">
				<property name="failOnEmptyBeans" value="false"/>
			</bean>
				</property>
		</bean>
	</mvc:message-converters>
</mvc:annotation-driven>

使用JSON字符串统一解决

  • 在类上直接使用@RestController,这样所有方法都只会返回json字符串，不用再每个都添加@ResponseBody

  • 在前后端分离开发中一般使用@RestController,十分便捷

    @RestController

public class UserController{
    //produces：指定响应体返回类型和编码
   @RequestMapping(value="/json1")
   public String json1() throws JsonProcessingException {
	//创建一个jackson的对象映射器，用来解析数据
	ObjectMapper mapper = new ObjectMapper();
	//创建一个对象
	User user = new User("秦疆1号", 3, "男");
	//将我们的对象解析成为json格式
	String str = mapper.writeValueAsString(user);
	//由于@ResponseBody注解，这里会将str转成json格式返回；十分方便
	return str;
	}
}

测试集合输出

添加一个新方法：

@RestMapping("/json2")
public String json2() throws JsonProcessingException{
    //创建一个Jackson的对象映射器，用来解析数据
    ObjectMapper mapper = new ObjectMapper();
    //创建一个对象
    User user1 = new User("1号",3,"男");
    User user2 = new User("2号",3,"男");
    User user3 = new User("3号",3,"男");
    User user4 = new User("4号",3,"男");
    List<User> list = new ArrayList<User>();
    list.add(user1);
    list.add(user2);
    list.add(user3);
    list.add(user4);
    
    //将对象解析成json格式
    String str = mapper.writeValuesString(list);
    return str;
}

输出时间对象

添加一个方法

@RequestMapping("/json3")
public String json3() throws JsonProcessingException{
    //创建一个Jackson的对象映射器，用来解析数据
    ObjectMapper mapper = new ObjectMapper();
    
    //创建一个时间对象
    Date date = new Date();
    //将对象转换成json格式
    String str = mapper.WriteValuesString(date);
    return str;
}

image-20200811095348778

  • 默认日期格式会变成一个数字，是1970年1月1日到当前日期的毫秒数！

  • Jackson 默认是会把时间转成timestamps形式

解决方案：取消timestamps形式，自定义时间格式

@RequestMapping("/json4")
public String json4() throws JsonProcessingException{
    //创建一个Jackson的对象映射器，用来解析数据
    ObjectMapper mapper = new ObjectMapper;
    
    //不使用时间戳的方式
    mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, false);
    //自定义日期格式对象
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    //指定日期格式
    mapper.setDateFormat(sdf);
    
    //创建一个时间对象
    Date date = new Date();
    //将对象转换成json格式
    String str = mapper.WriteValuesString(date);
    return str;
}

抽取工具类

经常使用比较麻烦，将这些代码封装成一个工具类

package com.kuang.utils;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.SerializationFeature;
import java.text.SimpleDateFormat;

public class JsonUtils {
    	
	public static String getJson(Object object) {
		return getJson(object,"yyyy-MM-dd HH:mm:ss");
        }
	public static String getJson(Object object,String dateFormat) {
		ObjectMapper mapper = new ObjectMapper();
		//不使用时间差的方式
		mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
		//自定义日期格式对象
		SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
		//指定日期格式
		mapper.setDateFormat(sdf);
		try {
			return mapper.writeValueAsString(object);
		} catch (JsonProcessingException e) {
			e.printStackTrace();
		}
		return null;
	}
}

使用工具类，代码更加简洁

@RequestMapping("/json5")
public String json5() throws JsonProcessingException {
Date date = new Date();
String json = JsonUtils.getJson(date);
return json;
}

fastjson

fastjson.jar是阿里开发的一款专门用于Java开发的包，可以方便实现json对象与JavaBean对象的转换，实现JavaBean对象与json字符串的转换，实现json的转换方式有很多，最后实现的结果都是一样的。

fastjson的pom依赖

<dependency>
    <groupId>com.alibaba</groupId>
	<artifactId>fastjson</artifactId>
	<version>1.2.60</version>
</dependency>

fastjson三个主要的类：

  • JSONObject代表json对象
    • JSONObject实现了Map接口， 猜想 JSONObject底层操作是由Map实现的。
    • JSONObject对应json对象，通过各种形式的get()方法
    • 可以获取json对象中的数据，也可利用 诸如size()，isEmpty()等方法获取"键：值"对的个数和判断是否为空。其本质是通过实现Map 接口并调用接口中的方法完成的。
  • JSONArray 代表 json 对象数组
    • 内部是有List接口中的方法来完成操作的
  • JSON 代表 JSONObject和JSONArray的转化
    • JSON类源码分析与使用
    • 仔细观察这些方法，主要是实现json对象，json对象数组，javabean对象，json字符串之间 的相互转化。

代码进行测试,创建一个FastJsonDemo类

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.kuang.pojo.User;

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

public class FastJsonDemo {
	public static void main(String[] args) {
        //创建一个对象
        User user1 = new User("1号",3,"男");
        User user2 = new User("2号",3,"男");
        User user3 = new User("3号",3,"男");
        User user4 = new User("4号",3,"男");
        List<User> list = new ArrayList<User>();
        list.add(user1);
        list.add(user2);
        list.add(user3);
        list.add(user4);
        
        System.out.println("*******Java对象 转 JSON字符串*******");
        String str1 = JSON.toJSONString(list);
        System.out.println("JSON.toJSONString(list)==>"+str1);
        String str2 = JSON.toJSONString(user1);
        System.out.println("JSON.toJSONString(user1)==>"+str2);
        
        System.out.println("\n****** JSON字符串 转 Java对象*******");
        User jp_user1=JSON.parseObject(str2,User.class);
        System.out.println("JSON.parseObject(str2,User.class)==>"+jp_user1);
        
        System.out.println("\n****** Java对象 转 JSON对象 ******");
        JSONObject jsonObject1 = (JSONObject) JSON.toJSON(user2);
        System.out.println("(JSONObject)
		JSON.toJSON(user2)==>"+jsonObject1.getString("name"));
		System.out.println("\n****** JSON对象 转 Java对象 ******");
		User to_java_user = JSON.toJavaObject(jsonObject1, User.class);
		System.out.println("JSON.toJavaObject(jsonObject1,
		User.class)==>"+to_java_user);
	}
}

这种工具类，我们只需要掌握使用就好了，在使用的时候在根据具体的业务去找对应的实现。和以前的 commons-io那种工具包一样，拿来用就好了！

Ajax

  • AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）

  • AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术

  • Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

简单的说就是浏览器输入信息时，自动跳出的提示

image-20200811140854456

  • 使用ajax技术的网页，通过在后台服务器进行少量的数据交换，就可以实现异步局部更新
  • 使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面

jQuery.ajax

  • 这里没有使用纯JS的Ajax，使用的是jQuery提供的
  • Ajax的核心是XMLHttpRequest对象(XHR)，XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据
  • jQuery 提供多个与 AJAX 有关的方法
  • 通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、 XML 或 JSON – 同时能够把这些外部数据直接载入网页的被选元素中
  • jQuery Ajax本质就是 XMLHttpRequest，对他进行了封装，方便调用
jQuery.ajax(...)
	部分参数：
		url：请求地址
		type：请求方式，GET、POST（1.9.0之后用method）
    	headers：请求头
		data：要发送的数据
		contentType：即将发送信息至服务器的内容编码类型(默认: "application/x-wwwform-urlencoded; charset=UTF-8")
		async：是否异步
		timeout：设置请求超时时间（毫秒）
		beforeSend：发送请求前执行的函数(全局)
		complete：完成之后执行的回调函数(全局)
		success：成功之后执行的回调函数(全局)
		error：失败之后执行的回调函数(全局)
		accepts：通过请求头发送给服务器，告诉服务器当前客户端课接受的数据类型
		dataType：将服务器端返回的数据转换成指定类型
		"xml": 将服务器端返回的内容转换成xml格式
		"text": 将服务器端返回的内容转换成普通文本格式
		"html": 将服务器端返回的内容转换成普通文本格式，在插入DOM中时，如果包含
		JavaScript标签，则会尝试去执行。
		"script": 尝试将返回值当作JavaScript去执行，然后再将服务器端返回的内容转换成普通文本格式
		"json": 将服务器端返回的内容转换成相应的JavaScript对象
		"jsonp": JSONP 格式使用 JSONP 形式调用函数时，如 "myurl?callback=?"
		jQuery 将自动替换 ? 为正确的函数名，以执行回调函数

一个简单的测试，使用最原始的HttpServletResponse处理 , 最简单 , 最通用

  1. 配置web.xml 和 springmvc的配置文件，复制上面案例的即可 【记得静态资源过滤和注解驱动配 置上】

    <?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/springcontext.xsd
	 http://www.springframework.org/schema/mvc
	 https://www.springframework.org/schema/mvc/spring-mvc.xsd">

	<!-- 自动扫描指定的包，下面所有注解类交给IOC容器管理 -->
	<context:component-scan base-package="com.kuang.controller"/>
	<mvc:default-servlet-handler />
	<mvc:annotation-driven />
        
	<!-- 视图解析器 -->
	<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver
"
	  id="internalResourceViewResolver">
	 <!-- 前缀 -->
	 <property name="prefix" value="/WEB-INF/jsp/" />
	 <!-- 后缀 -->
	 <property name="suffix" value=".jsp" />
	</bean>
</beans>

  2. 编写一个AjaxController

    @Controller
public class AjaxController {
    
	@RequestMapping("/a1")
	public void ajax1(String name , HttpServletResponse response) throws
IOException {
	if ("admin".equals(name)){
		response.getWriter().print("true");
	 }else{
		response.getWriter().print("false");
	 }
	}
}

  3. 导入jquery ， 可以使用在线的CDN ， 也可以下载导入

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/jquery3.1.1.min.js"></script>

  4. 编写index.jsp测试

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<title>$Title$</title>
		<%--<script src="https://code.jquery.com/jquery-3.1.1.min.js">
</script>--%>
		<script src="${pageContext.request.contextPath}/statics/js/jquery3.1.1.min.js"></script>
		<script>
			function a1(){
				$.post({
					url:"${pageContext.request.contextPath}/a1",
					data:{'name':$("#txtName").val()},
					success:function (data,status) {
						alert(data);
						alert(status);
					}
			});
			}
	</script>
</head>
<body>
	<%--onblur：失去焦点触发事件--%>
	用户名:<input type="text" id="txtName" onblur="a1()"/>
	</body>
</html>

  5. 启动tomcat测试！ 打开浏览器的控制台，当我们鼠标离开输入框的时候，可以看到发出了一个 ajax的请求！是后台返回给我们的结果！测试成功！

Springmvc实现

实体类user

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
    
	private String name;
	private int age;
	private String sex;
}

获取一个集合对象，展示到前端页面

@RequestMapping("/a2")
public List<User> ajax2(){
	List<User> list = new ArrayList<User>();
	list.add(new User("秦疆1号",3,"男"));
	list.add(new User("秦疆2号",3,"男"));
	list.add(new User("秦疆3号",3,"男"));
	return list; //由于@RestController注解，将list转成json格式返回
}

前端页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>Title</title>
</head>
<body>
<input type="button" id="btn" value="获取数据"/>
<table width="80%" align="center">
	<tr>
		<td>姓名</td>
		<td>年龄</td>
		<td>性别</td>
	</tr>
	<tbody id="content">
	</tbody>
</table>
    
<script src="${pageContext.request.contextPath}/statics/js/jquery3.1.1.min.js"></script>
    
<script>
    
	$(function () {
		$("#btn").click(function () {
			$.post("${pageContext.request.contextPath}/a2",function (data) {
				console.log(data)
				var html="";
				for (var i = 0; i <data.length ; i++) {
					html+= "<tr>" +
					"<td>" + data[i].name + "</td>" +
					"<td>" + data[i].age + "</td>" +
                    "<td>" + data[i].sex + "</td>" +
					"</tr>"
				}
				$("#content").html(html);
			});
		})
	})
</script>
</body>
</html>

成功实现了数据回显

注册提示效果

再测试一个小Demo，思考一下我们平时注册时候，输入框后面的实时提示怎么做到的；如何优化 我们写一个Controller

@RequestMapping("/a3")
public String ajax3(String name,String pwd){
	String msg = "";
	//模拟数据库中存在数据
	if (name!=null){
		if ("admin".equals(name)){
			msg = "OK";
		}else {
			msg = "用户名输入错误";
		}
	}
	if (pwd!=null){
		if ("123456".equals(pwd)){
			msg = "OK";
		}else {
			msg = "密码输入有误";
		}
	}
	return msg; //由于@RestController注解，将msg转成json格式返回
}

前端页面 login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>ajax</title>
	<script src="${pageContext.request.contextPath}/statics/js/jquery3.1.1.min.js"></script>
	<script>
        
		function a1(){
			$.post({
				url:"${pageContext.request.contextPath}/a3",
				data:{'name':$("#name").val()},
				success:function (data) {
					if (data.toString()=='OK'){
                        $("#userInfo").css("color","green");
					}else {
						$("#userInfo").css("color","red");
					}
					$("#userInfo").html(data);
				}
			});
		}
		function a2(){
			$.post({
				url:"${pageContext.request.contextPath}/a3",
				data:{'pwd':$("#pwd").val()},
				success:function (data) {
					if (data.toString()=='OK'){
						$("#pwdInfo").css("color","green");
					}else {
						$("#pwdInfo").css("color","red");
					}
						$("#pwdInfo").html(data);
					}
				});
			}
        
		</script>
</head>
<body>
<p>
	用户名:<input type="text" id="name" onblur="a1()"/>
	<span id="userInfo"></span>
</p>
<p>
	密码:<input type="text" id="pwd" onblur="a2()"/>
	<span id="pwdInfo"></span>
</p>
</body>
</html>

获取baidu接口Demo

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>JSONP百度搜索</title>
	<style>
		#q{
			width: 500px;
   			height: 30px;
			border:1px solid #ddd;
			line-height: 30px;
			display: block;
			margin: 0 auto;
			padding: 0 10px;
			font-size: 14px;
		}
		#ul{
			width: 520px;
			list-style: none;
			margin: 0 auto;
			padding: 0;
			border:1px solid #ddd;
			margin-top: -1px;
			display: none;
		}
		#ul li{
			line-height: 30px;
			padding: 0 10px;
		}
		#ul li:hover{
		background-color: #f60;
		color: #fff;
		}
	</style>
	<script>
        
		// 2.步骤二
		// 定义demo函数 (分析接口、数据)
		function demo(data){
			var Ul = document.getElementById('ul');
			var html = '';
			// 如果搜索数据存在 把内容添加进去
			if (data.s.length) {
				// 隐藏掉的ul显示出来
				Ul.style.display = 'block';
				// 搜索到的数据循环追加到li里
				for(var i = 0;i<data.s.length;i++){
					html += '<li>'+data.s[i]+'</li>';
				}
				// 循环的li写入ul
				Ul.innerHTML = html;
			}
		}

		// 1.步骤一
		window.onload = function(){
			// 获取输入框和ul
			var Q = document.getElementById('q');
			var Ul = document.getElementById('ul');
			// 事件鼠标抬起时候
			Q.onkeyup = function(){
				// 如果输入框不等于空
			if (this.value != '') {
// ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆JSONPz重点
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
    			// 创建标签
				var script = document.createElement('script');
				//给定要跨域的地址 赋值给src
				//这里是要请求的跨域的地址 我写的是百度搜索的跨域地址
				script.src =
'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?
wd='+this.value+'&cb=demo';
				// 将组合好的带src的script标签追加到body里
				document.body.appendChild(script);
			}
		}
	}
	</script>
</head>
        
<body>
<input type="text" id="q" />
<ul id="ul">
        
</ul>
</body>
</html>

拦截器

SpringMVC 的拦截器类似与Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者也可以自定义一些拦截器来实现特定的功能。

过滤器与拦截器的区别：拦截器是AOP思想的具体应用

过滤器：

  • servlet规范中的一部分，任何Java web工程都可以使用
  • 在url-pattern中配置了/*之后，可以对所有要访问的资源进行拦截

拦截器：

  • 拦截器是spring MVC框架自己的，只有使用了springmvc框架的工程才能够使用
  • 拦截器只会拦截访问的控制器方法， 如果访问的是jsp/html/css/image/js是不会进行拦截的

自定义拦截器

想要自定义拦截器，必须实现 HandlerInterceptor接口

  1. 新建一个模块，添加web依赖

  2. 配置web.xml 和 springmvc-servlet.xml 文件

  3. 编写一个拦截器

    import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

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

public class MyInterceptor implements HandlerInterceptor {
		//在请求处理的方法之前执行
		//如果返回true执行下一个拦截器
		//如果返回false就不执行下一个拦截器
	public boolean preHandle(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse, Object o) throws Exception {
		System.out.println("------------处理前------------");
		return true;
	}
    	
		//在请求处理方法执行之后执行
	public void postHandle(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse, Object o, ModelAndView modelAndView) throws Exception {
		System.out.println("------------处理后------------");
	}
    
		//在dispatcherServlet处理后执行,做清理工作.
	public void afterCompletion(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse, Object o, Exception e) throws Exception {
		System.out.println("------------清理------------");
	}
}

  4. 在springmvc的配置文件中配置拦截器

    <!--关于拦截器的配置-->
<mvc:interceptors>
<mvc:interceptor>
<!--/** 包括路径及其子路径-->
<!--/admin/* 拦截的是/admin/add等等这种 , /admin/add/user不会被拦截-
->
<!--/admin/** 拦截的是/admin/下的所有-->
<mvc:mapping path="/**"/>
<!--bean配置的就是拦截器-->
<bean class="com.kuang.interceptor.MyInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>

  5. 编写一个Controller，接收请求：

    import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
//测试拦截器的控制器
@Controller
public class InterceptorController {
    @RequestMapping("/interceptor")
	@ResponseBody
	public String testFunction() {
		System.out.println("控制器中的方法执行了");
	return "hello";
	}
}

  6. 前端index.jsp

    <a href="${pageContext.request.contextPath}/interceptor">拦截器测试</a>

  7. 启动Tomcat 测试一下

验证用户是否登录（认证用户）

思路：

  1. 有一个登录页面，需要写一个controller访问页面

  2. 登录页面有一个提交表单的动作，需要在controller中进行处理，判断用户名密码是否正确。如果正确，向session中写入用户信息。返回登录成功

  3. 拦截用户请求，判断用户是否登录。如果用户登录，放行，未登录则跳转到登录界面

  4. 编写登录界面login.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>Title</title>
</head>
    
<h1>登录页面</h1>
<hr>
    
<body>
<form action="${pageContext.request.contextPath}/user/login">
	用户名：<input type="text" name="username"> <br>
	密码： <input type="password" name="pwd"> <br>
	<input type="submit" value="提交">
</form>
</body>
</html>

  5. 编写一个controller处理请求

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

import javax.servlet.http.HttpSession;

@Controller
@RequestMapping("/user")
public class UserController {
    
	//跳转到登陆页面
	@RequestMapping("/jumplogin")
	public String jumpLogin() throws Exception {
		return "login";
	}
    
	//跳转到成功页面
	@RequestMapping("/jumpSuccess")
	public String jumpSuccess() throws Exception {
		return "success";
	}
    
	//登陆提交
	@RequestMapping("/login")
	public String login(HttpSession session, String username, Stringpwd) throws Exception {
		// 向session记录用户身份信息
		System.out.println("接收前端==="+username);
		session.setAttribute("user", username);
		return "success";
	}
    
	//退出登陆
	@RequestMapping("logout")
	public String logout(HttpSession session) throws Exception {
		// session 过期
		session.invalidate();
		return "login";
	}
}

  6. 编写一个登录成果的页面 success.jsp

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<title>Title</title>
</head>
<body>
    
<h1>登录成功页面</h1>
<hr>
    
${user}
<a href="${pageContext.request.contextPath}/user/logout">注销</a>
</body>
</html>

  7. 在index页面上测试跳转！启动tomcat，未登录也可以进入主页

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
	<head>
		<title>$Title$</title>
	</head>
	<body>
	<h1>首页</h1>
	<hr>
	<%--登录--%>
	<a href="${pageContext.request.contextPath}/user/jumplogin">登录</a>
	<a href="${pageContext.request.contextPath}/user/jumpSuccess">成功页面
</a>
	</body>
</html>

  8. 编写用户登录拦截器

    import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

public class LoginInterceptor implements HandlerInterceptor {
    
	public boolean preHandle(HttpServletRequest request,HttpServletResponse response, Object handler) throws ServletException,IOException {
		// 如果是登陆页面则放行
		System.out.println("uri: " + request.getRequestURI());
		if (request.getRequestURI().contains("login")) {
			return true;
			}
        
		HttpSession session = request.getSession();
        
		// 如果用户已登陆也放行
		if(session.getAttribute("user") != null) {
			return true;
			}
        
		// 用户没有登陆跳转到登陆页面
		request.getRequestDispatcher("/WEBINF/jsp/login.jsp").forward(request, response);
		return false;
	}
    
	public void postHandle(HttpServletRequest httpServletRequest,HttpServletResponse httpServletResponse, Object o, ModelAndView modelAndView) throws Exception {
    }
    
	public void afterCompletion(HttpServletRequest httpServletRequest,
HttpServletResponse httpServletResponse, Object o, Exception e) throws
Exception {
	}
}

  9. 在springmvc的配置文件中注册拦截器

    <!--关于拦截器的配置-->
<mvc:interceptors>
<mvc:interceptor>
<mvc:mapping path="/**"/>
<bean id="loginInterceptor"
class="com.kuang.interceptor.LoginInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>

  10. 重启tomcat

文件上传和下载

11.1、准备工作 文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传，但是SpringMVC上下 文中默认没有装配MultipartResolver，因此默认情况下其不能处理文件上传工作。如果想使用Spring的 文件上传功能，则需要在上下文中配置MultipartResolver。 前端表单要求：为了能上传文件，必须将表单的method设置为POST，并将enctype设置为 multipart/form-data。只有在这样的情况下，浏览器才会把用户选择的文件以二进制数据发送给服务 器； 对表单中的 enctype 属性做个详细的说明： application/x-www=form-urlencoded：默认方式，只处理表单域中的 value 属性值，采用这种编 码方式的表单会将表单域中的值处理成 URL 编码方式。 multipart/form-data：这种编码方式会以二进制流的方式来处理表单数据，这种编码方式会把文 件域指定文件的内容也封装到请求参数中，不会对字符编码。 text/plain：除了把空格转换为 "+" 号外，其他字符都不做编码处理，这种方式适用直接通过表单 发送邮件。

<form action="" enctype="multipart/form-data" method="post">
<input type="file" name="file"/>
<input type="submit">
</form>

一旦设置了enctype为multipart/form-data，浏览器即会采用二进制流的方式来处理表单数据，而对于 文件上传的处理则涉及在服务器端解析原始的HTTP响应。在2003年，Apache Software Foundation发 布了开源的Commons FileUpload组件，其很快成为Servlet/JSP程序员上传文件的最佳选择。 Servlet3.0规范已经提供方法来处理文件上传，但这种上传需要在Servlet中完成。而Spring MVC则提供了更简单的封装。 Spring MVC为文件上传提供了直接的支持，这种支持是用即插即用的MultipartResolver实现的。 Spring MVC使用Apache Commons FileUpload技术实现了一个MultipartResolver实现类： CommonsMultipartResolver。因此，SpringMVC的文件上传还需要依赖Apache Commons FileUpload的组件。

11.2、文件上传

  1. 导入文件上传的jar包，commons-fileupload ， Maven会自动帮我们导入他的依赖包 commonsio包；

    <!--文件上传-->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.3</version>
</dependency>
<!--servlet-api导入高版本的-->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.1</version>
</dependency>

  2. 配置bean：multipartResolver

    【注意！！！这个bena的id必须为：multipartResolver ， 否则上传文件会报400的错误！在这 里栽过坑,教训！】

    <!--文件上传配置-->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolve
r">
<!-- 请求的编码格式，必须和jSP的pageEncoding属性一致，以便正确读取表单的内容，
默认为ISO-8859-1 -->
<property name="defaultEncoding" value="utf-8"/>
<!-- 上传文件大小上限，单位为字节（10485760=10M） -->
<property name="maxUploadSize" value="10485760"/>
<property name="maxInMemorySize" value="40960"/>
</bean>

    CommonsMultipartFile 的 常用方法：

    • String getOriginalFilename()：获取上传文件的原名

    • InputStream getInputStream()：获取文件流

    • void transferTo(File dest)：将上传文件保存到一个目录文件中

  3. 编写前端页面

    <form action="/upload" enctype="multipart/form-data" method="post">
<input type="file" name="file"/>
<input type="submit" value="upload">
</form>

  4. Controller

    import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
import javax.servlet.http.HttpServletRequest;
import java.io.*;
@Controller
public class FileController {
//@RequestParam("file") 将name=file控件得到的文件封装成
CommonsMultipartFile 对象
//批量上传CommonsMultipartFile则为数组即可
@RequestMapping("/upload")
public String fileUpload(@RequestParam("file") CommonsMultipartFile
file , HttpServletRequest request) throws IOException {
//获取文件名 : file.getOriginalFilename();
String uploadFileName = file.getOriginalFilename();
//如果文件名为空，直接回到首页！
if ("".equals(uploadFileName)){
return "redirect:/index.jsp";
}
System.out.println("上传文件名 : "+uploadFileName);
//上传路径保存设置
String path =
request.getServletContext().getRealPath("/upload");
//如果路径不存在，创建一个
File realPath = new File(path);
if (!realPath.exists()){
realPath.mkdir();
}
System.out.println("上传文件保存地址："+realPath);
InputStream is = file.getInputStream(); //文件输入流
OutputStream os = new FileOutputStream(new
File(realPath,uploadFileName)); //文件输出流
//读取写出
int len=0;
byte[] buffer = new byte[1024];
while ((len=is.read(buffer))!=-1){
os.write(buffer,0,len);
os.flush();
}
os.close();
is.close();
return "redirect:/index.jsp";
}
}

  5. 测试上传文件，OK！

采用file.Transto 来保存上传的文件

  1. 编写Controller

    /*
* 采用file.Transto 来保存上传的文件
*/
@RequestMapping("/upload2")
public String fileUpload2(@RequestParam("file") CommonsMultipartFile
file, HttpServletRequest request) throws IOException {
//上传路径保存设置
String path = request.getServletContext().getRealPath("/upload");
File realPath = new File(path);
if (!realPath.exists()){
realPath.mkdir();
}
//上传文件地址
System.out.println("上传文件保存地址："+realPath);
//通过CommonsMultipartFile的方法直接写文件（注意这个时候）
file.transferTo(new File(realPath +"/"+
file.getOriginalFilename()));
return "redirect:/index.jsp";
}

  2. 前端表单提交地址修改

  3. 访问提交测试，OK！

文件下载

文件下载步骤：

  1. 设置 response 响应头
  2. 读取文件 -- InputStream
  3. 写出文件 -- OutputStream
  4. 执行操作
  5. 关闭流 （先开后关）

代码实现：

@RequestMapping(value="/download")
public String downloads(HttpServletResponse response ,HttpServletRequest
request) throws Exception{
//要下载的图片地址
String path = request.getServletContext().getRealPath("/upload");
String fileName = "基础语法.jpg";
//1、设置response 响应头
response.reset(); //设置页面不缓存,清空buffer
response.setCharacterEncoding("UTF-8"); //字符编码
response.setContentType("multipart/form-data"); //二进制传输数据
//设置响应头
response.setHeader("Content-Disposition",
"attachment;fileName="+URLEncoder.encode(fileName, "UTF-8"));
File file = new File(path,fileName);
//2、 读取文件--输入流
InputStream input=new FileInputStream(file);
//3、 写出文件--输出流
OutputStream out = response.getOutputStream();
byte[] buff =new byte[1024];
int index=0;
//4、执行 写出操作
while((index= input.read(buff))!= -1){
out.write(buff, 0, index);
out.flush();
}
out.close();
input.close();
return null;
}

前端

<a href="/download">点击下载</a>

测试，文件下载OK，大家可以和我们之前学习的JavaWeb原生的方式对比一下，就可以知道这个便捷多 了!

posted @ 2020-10-28 09:21  fkxiaozhou  阅读(59)  评论(0)  编辑  收藏  举报