框架学习：研究官方文档，锻炼自学，笔记，项目能力

1、spring MVC

1.1 什么是spring MVC

是spring framework的一部分，是基于Java实现mvc的轻量级web框架

底层是servlet

1.2 为什么要学习

轻量级约定大于配置

依赖少高效，基于请求和响应的简单灵活

用的人多

1.3 中心控制器

spring的web框架围绕Dispatcher Servlet设计。作用是将请求分发到不同的处理器

1.4 HelloSpringMVC

1.新建一个Moudle，添加web支持

2.确定导入了SpringMVC的依赖

3.配置web.xml 注册DispatcherServlet

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

        <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>

    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

4.编写SpringMVC的配置文件,名称：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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd">

   
    
</beans>

5.添加处理映射器

 <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>

6.添加处理器适配器

 <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>

7.添加视图解析器

<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

8.编写要操作业务Controller,要么实现Controller接口，要么实现注解，需要返回一个ModelAndView 装数据，封视图

package com.liu.controller;

import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;

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

public class HelloController implements Controller {
    @Override
    public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
        //模型和视图
        ModelAndView mv = new ModelAndView();
        //封装对象，放在modelandview中 
        mv.addObject("msg","HelloMVC haha");
        //封装要跳转的视图，发在modelandview中
        mv.setViewName("hello");
        return mv;
    }
}

9.将自己的类交给SpringIOC容器，注册bean

<bean id="/hello" class="com.liu.controller.HelloController"/>

10.写要跳转的jsp页面，显示ModelanView存放的数据以及正常页面

<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
    <title>啦啦啦啦</title>
</head>
<body>
${msg}
</body>
</html>

11.配置tomcat启动测试

可能出现的问题：

404

解决：

在idea项目发布中添加lib依赖重启tomcat

project Structure–Artifacts 选择项目

新建一个文件夹lib 和class同级

在lib中添加所有依赖

注意点

SpringMVC 中 / 和/*

/：只匹配所有的请求，不去匹配jsp页面

/*：匹配所有请求，包括jsp

1.5 使用注解开发

新建项目，添加web

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">
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <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>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-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
        http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <context:component-scan base-package="com.liu.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>

web下WEB-INF下jsp目录下 test.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
${msg}
</body>
</html>

TestController.java

package com.liu.controller;

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

@Controller
public class TestController {

    //路径
    @RequestMapping("/test")
    public String test(Model model){
        //封装数据
        model.addAttribute("msg","TestController");
        return "test";  // WEB-INF/jsp/test.jsp
    }
}

小结

1.新建web项目

2.导入jar包

3.编写web.xml 注册DispatcherServlet

4.编写springmvc配置文件

5.创建对应的控制类，controller

6.完善视图和controller之间的对应

7.测试运行调试

使用springMVC必须配置的三大件

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

通常，只需要配置视图解析器，处理器适配、映射由注解完成

1.6 Controller总结

实现controller的方法

1.实现controller接口（不推荐）

2.使用注解Controller

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

Spring可以使用扫描机制来找到应用程序中所有基于注解的控制器类

@RequestMapping说明

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

2.RestFul 风格

概念

Restful 就是一个资源定位及资源操作的风格，不是标准也不是协议，只是一种风格。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制

功能

资源：互联网所有的事物都可以被抽象为资源
资源操作：使用POST、DELETE、PUT、GET 不同方法对资源进行操作
分贝对应添加、删除、修改、查询

例如：通过不同的请求方式实现不同的效果

http://127.0.0.1/item/1 查询,get

http://127.0.0.1/iteam 新增POST

http://127.0.0.1/iteam 更新PUT

http://127.0.0.1/iteam /1删除DELETE

使用

package com.liu.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PatchMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class RestFulController {

    @RequestMapping("/commit/{a}/{b}")
    public String restFul(@PathVariable int a, @PathVariable int b, Model model){
        int result = a+ b;
        model.addAttribute("msg","结果："+result);
        return "test";
    }
}

http://localhost:8080/commit/1/2

结果：3

设置请求为get

@RequestMapping(value="/commit/{a}/{b}",method= RequestMethod.GET)

@GetMapping
@PostMapping
@PutMapping
@DeleteMapping

@GetMapping 是一个组合注解

他等价于@RequestMapping(method= RequestMethod.GET)

优点：

使路径变得更加简洁
获得参数更加方便，框架会自动进行类型转换
通过路径变量的类型可以约束访问参数，类型不一样访问不到对应的请求方法
简单，高效，安全

3.结果跳转方式

ModelAndView

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

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

ServletAPI

通过设置ServletAPI，不需要视图解析器

1.通过HttpServletResponse进行输出

2.通过HttpServletResponse进行重定向

3.通过HttpServletRequest实现转发

Spring MVC

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

1  "/WEB-INF/jsp/test.jsp" 转发
2  "forward:/WEB-INF/jsp/test.jsp" 转发2
3 "redirect:/index.jsp"  重定向

4.接收请求参数和数据回显

处理提交数据

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

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

处理方法

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

后台输出：zhangsan

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

提交数据：http://localhost:8080/hello?username=zhangsan

处理方法

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

后台输出：zhangsan

3.提交的是一个对象

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

说明：如果使用对象的话，前端传递的参数名和对象名必须一致，否则就是null

返回前端数据

Model 只有几个方法只适合用于存储数据，简化了对于model对象的操作和理解

ModelMap继承了LinkedMap，除了实现自身的一些方法，同样的继承LinkedMap的方法和特性

ModelAndView 可以存储数据的同时，可以进行设置返回的逻辑视图，进行控制展示层的跳转

5.乱码问题

前端表单提交中文

web.xml下直接引用过滤器

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

6.JSON

前后端分离时代：

后端部署；提供接口

json

前端独立部署：负责渲染后端的数据

什么是JSON

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

采用完全独立于编程语言的文本格式来存储和表示数据

简洁和清晰的层次结构使得JSON成为理想的数据交换语言

易于人阅读和编写，有效提升网络传输效率

要求和语法格式

对象表示为键值对，数据由都好分隔
花括号保存对象
方括号保存数组

JSON 和 JavaScript对象互转

JSON—>JavaScript 对象 JSON.parse()

JavaScript对象–>JSON字符串 JSON.stringify()方法

两种常用的JSON工具类

导入依赖

<dependencies>
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.12.2</version>
    </dependency>
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.61</version>
    </dependency>
</dependencies>