1 回顾MVC
1.1 什么是MVC
- MVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范。
- 是将业务逻辑、数据、显示 分离的方法来阻止代码。
- MVC主要作用是降低了视图与业务逻辑间的双向耦合。
- MVC不是一种设计模式,MVC是一种架构模式。不同的MVC存在差异。
Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模式或者JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据Dao)和服务层(行为Service)。也就是模型提供了模型数据查询和模型数据的状态更新等功能,包括数据和业务。
View(视图):负责进行模型的展示,一般就是我们见到的用户界面。客户想要看到的东西。
Controller(控制器):接收用户请求,委托给模型进行处理(状态改变),处理完毕后把返回的模型数据返回给视图,由视图负责展示。也就是说控制器做了个调度员的工作。
最典型的MVC就是JSP + servlet + javabean的模式
1.2 Model1时代
- 在web早期的开发中,通常采用的都是Model1.
- Model1中,主要分为两层,视图层和模型层。
Model1优点:架构简单,比较适合小型项目开发;
Model1缺点:JSP职责不单一,职责过重,不便于维护。
1.3 Model2时代
Model2把一个项目分为三部分,包括视图、控制、模型。
1.用户发请求
2.Servlet接收请求数据,并调用对应的业务逻辑方法
3.业务处理完毕,返回更新后的数据给servlet
4.servlet转向到JSP,有JSP来渲染页面
5.响应给前端更新后的页面
职责分析:
Controller:控制器
1.取得表单数据
2.调用业务逻辑
3.转向指定的页面
Model:模型
1.业务逻辑
2.保存数据的状态
View:视图
1.显示页面
Model2这样不仅提高了代码的复用率与项目的拓展性,且大大降低了项目的维护成本。
Model1模式的实现比较简单,适合于快速开发小规模项目,Model1中JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的拓展和维护的难度。Model2消除了Model1的缺点。
1.4 回顾Servlet
1.新建一个Maven工程当做父工程!父工程中导入pom依赖!
<!--父工程 导入基本依赖-->
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
<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>
</dependencies>
2.新建一个Module:springmvc-01-servlet,添加Web app的支持。
3.工程中导入servlet和jsp的jar依赖
<!--虽然父工程中已经导入了这些依赖,安全起见,子项目中导入servlet和jsp的jar依赖-->
<dependencies>
<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>
</dependencies>
4.编写一个Servlet类HelloServlet,用来处理用户请求:
package com.serene.servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class HelloServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//取得参数
String method = req.getParameter("method");
if(method.equals("add")){
req.getSession().setAttribute("msg", "执行了add方法!");
}
if(method.equals("delete")){
req.getSession().setAttribute("msg", "执行了delete方法!");
}
//业务逻辑
//视图跳转
req.getRequestDispatcher("/WEB-INF/jsp/hello.jsp").forward(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
5.编写第四步中要跳转的hello.jsp。在WEB-INF目录新建一个jsp文件夹,新建hello.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>回顾Servlet</title>
</head>
<body>
<%--打印servlet传入的数据--%>
${msg}
</body>
</html>
6.在web.xml中注册Servlet
<?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>
<servlet-name>helloServlet</servlet-name>
<servlet-class>com.serene.servlet.HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>helloServlet</servlet-name>
<!-- 访问需要跳转的页面-->
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<!--手动配置欢迎页面,默认为index.jsp-->
<!--<welcome-file-list>
<welcome-file>form.jsp</welcome-file>
</welcome-file-list>-->
</web-app>
7.配置Tomcat,并启动测试
-
localhost:8080/hello?method=delete
-
localhost:8080/hello?method=add
8.也可以通过表单提交请求,打开第六步中欢迎界面的配置,设置欢迎界面为form.jsp。并在web目录下写一个form.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>FORM</title>
</head>
<body>
<form action="/hello" method="post">
<input type="text" name="method">
<input type="submit">
</form>
</body>
</html>
测试直接在页面发送请求,而不是地址。测试结果一样。
MVC框架要做哪些事情
1.将url映射到java类或java类的方法
2.封装用户提交的数据
3.处理请求—>调用相关的业务处理—>封装相应数据
4.将相应的数据进行渲染。jsp/html等表示层数据
说明:
常见的服务器端MVC框架有:Struct、Spring MVC、ASP:NET MVC、Zend Framework、JSF;常见前端MVC框架:vue、angularjs、react、backbone;由MVC演化出的另外一些模式如:MVP、MVVM等等…
学习代码:springmvc-01-servlet
2 什么是SpringMVC
2.1 概述
Spring MVC是Spring Framework的一部分,是基于Java实现MVC的轻量级Web框架。
< font color=#FF0000> 字体改成红色了
< /font>
查看官方文档: https://docs.spring.io/spring/docs/5.2.0.RELEASE/spring-framework-reference/web.html#spring-web
我们为什么要学习SpringMVC呢?
SpringMVC的特点:
1.轻量级,简单易学
2.高效,基于请求相应的MVC框架
3.与Spring兼容性号,无缝结合
4.约定大于配置
5.功能强大:RESTful、数据验证、格式化、本地化、主题等
6.简洁灵活
Spring的web框架围绕DispatchServlet[调度servlet]设计。
DispatchServlet的作用是将请求分发到不同的处理器。从Spring2.5开始,使用Java5或者以上版本的用户可以采用基于注解形式开发,十分简洁;
正是因为SpringMVC好,简单、便捷、易学,天生与Spring无缝继承(使用SpringIoC和Aop),使用约定优于配置,能够进行简单的Junit测试,支持RestFul风格,异常处理,本地化,国际化,数据验证,类型转换,拦截器等等…所以我们要学习。
最重要的一点,是使用的人多,使用的公司多
2.2 中心控制器
Spring的web框架围绕DispatchServlet设计。DispatchServlet的作用是将请求分发到不同的处理器。从Spring2.5开始,使用Java5或者以上版本的用户可以采用基于注解的controller声明方式。
Spring MVC框架像许多其他MVC框架一样,以请求为驱动,围绕一个中心Servlet分派请求及提供其他功能,DispatchServlet是一个实际的Servlet(它继承子HttpServlet基类)。
SpringMVC的原理如下图所示:
当发起请求是被前置的控制器拦截到请求,根据请求参数生成代理请求,找到请求对应的实际控制器,控制器处理请求,创建数据模型,访问数据库,将模型相应给中心控制器,控制器使用模型与视图渲染视图结果,将结果返回给中心控制器,再将结果返回给请求这。
2.3 SpringMVC执行原理
图为SpringMVC的一个比较完整的流程图,实现表示SpringMVC框架提供的技术,不需要开发者实现,虚线表示需要开发者实现。
简要分析执行流程
-
DispatchServlet表示前置控制器,是整个SpringMVC的控制中心。用户发出请求,DispatchServlet接收请求并拦截请求。
假设请求的url为:http://localhost:8080/SpringMVC/hello
如上url拆分成三部分:
http://localhost:8080是服务器域名
SpringMVC部署在服务器的web站点
hello表示控制器
通过分析,如上url表示为:请求位于服务器localhost:8080上的SpringMVC站点的hello控制器。
-
HandlerMapping为处理映射器。DispatchServlet调用HandlerMapping,HandlerMapping根据请求url查找Handler
-
HandlerExecution表示具体的Handler,其主要作用是根据url查找控制器,如上url被查找的控制器为:hello。
-
HandlerExecution将解析后的信息传递给DispatchServlet,如解析控制器映射等。
-
HandlerAdapter表示处理器适配器,其按照特定的规则去执行Handler。
-
Handler让具体的Controller执行。
-
Controller将具体执行信息返回给HandlerAdapter,如ModelAndView。
-
HandlerAdapter将视图逻辑名或模型传递给DispatchServlet。
-
DispatchServlet调用视图解析器(ViewResolver)来解析HandlerAdapter传递的逻辑视图名。
-
视图解析器将解析的逻辑视图名传递给DispatchServlet。
-
DispatchServlet根据视图解析器解析的视图结果,调用具体的视图。
-
最终视图呈现给用户。
3 第一个MVC程序
3.1 配置版
1.新建一个Model,springmvc-02-hello,添加web支持!
2.确定导入了SpringMVC的依赖!已经在父工程导入!
3.配置web.xml,注册DispatchServlet
<?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.注册DispatchServlet 这个是SpringMVC的核心:请求分发其,前端控制器-->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--关联一个springmvc的配置文件 【servlet-name】-servlet.xml-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-servlet.xml</param-value>
</init-param>
<!--自启级别:1-->
<load-on-startup>1</load-on-startup>
</servlet>
<!-- / 匹配所有的请求,不包括.jsp-->
<!-- /* 匹配所有的请求,包括.jsp-->
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
4.编写SpringMVC的配置文件!名称:springmvc-servlet.xml:[servletname]-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.添加 视图解析器
<!--视图解析器:DispatchServlet给他的ModelAndView
1. 获取了ModelAndView的数据
2. 解析ModelAndView的视图名字
3. 拼接视图名字,找到对应的视图 /WEB-INF/jsp/hello.jsp
4. 讲述渲染到这个视图上
-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!--前缀 注意jsp后面还有一个斜杠 / -->
<property name="prefix" value="/WEB-INF/jsp/"/>
<!--后缀-->
<property name="suffix" value=".jsp"/>
</bean>
8.编写要操作业务Controller,要么实现Controller接口,要么增加注解;需要返回一个ModelAndView,装数据,装视图
package com.serene.controller;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;
import javax.naming.ldap.Control;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//注意 这里先导入Controller接口
public class HelloController implements Controller {
public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
//ModelAndView 视图和模型
ModelAndView mav = new ModelAndView();
//封装对象,放在ModelAndView中
mav.addObject("msg", "HelloSpringMC!");
//封装要跳转的视图,放在ModelAndView中
mav.setViewName("hello");//这里经过视图解析器拼接后:/WEB-INF/jsp/hello.jsp
return mav;
}
}
9.将业务类交给SpringIOC容器,注册bean
<!-- Handler-->
<bean id="/hello" class="com.serene.controller.HelloController"/>
<!-- 完整的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">
<!--添加 处理映射器-->
<bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
<!--添加 处理适配器-->
<bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>
<!--视图解析器:DispatchServlet给他的ModelAndView
1. 获取了ModelAndView的数据
2. 解析ModelAndView的视图名字
3. 拼接视图名字,找到对应的视图 /WEB-INF/jsp/hello.jsp
4. 讲述渲染到这个视图上
-->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!--前缀 注意jsp后面还有一个斜杠 / -->
<property name="prefix" value="/WEB-INF/jsp/"/>
<!--后缀-->
<property name="suffix" value=".jsp"/>
</bean>
<!-- Handler-->
<bean id="/hello" class="com.serene.controller.HelloController"/>
</beans>
10.要跳转的jsp页面,显示ModelAndView中存放的数据,展示正常页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>HelloController</title>
</head>
<body>
${msg}
</body>
</html>
11.配置Tomcat启动测试!
可能遇到的问题:访问http://localhost:8080/hello出现404,排查步骤如下:
-
查看控制台输出,是否是jar包缺少未导入?
-
如果jar包存在,就查看项目中输出/out目录中该子项目中lib依赖是否存在?
如上图,报错的情况下,lib依赖不存在,需要在IDEA中手动添加lib
- 重启Tomcat,该问题解决!
小结:这就是大致根据SpringMVC执行原理完成的一个项目,但是我们实际开发中不会这么写。使用注解版来实现,这才是SpringMVC的精髓,很简单就可以实现配置版的内容!
3.2 注解版
1.新建一个Module,springmvc-03-annotation。添加web支持!
2.确定SpringMVC资源导入:主要有Spring框架核心库、SpringMVC、servlet、JSTL等,还有资源过滤问题,已经在父工程配置了。
<!--父工程 导入基本依赖-->
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.1.9.RELEASE</version>
</dependency>
<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>
</dependencies>
<!--资源过滤问题-->
<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>
3.位置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.DispatcherServlet-->
<servlet>
<servlet-name>SpringMVC</servlet-name>
<servlet-class>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>
</web-app>
servlet-mapping中:/ 和 /* 的区别?
/不会匹配到.jsp,只针对我们编写的请求,即.jsp不会进入spring的DispatchServlet类。
/*会匹配.jsp,会出现返回jsp视图时再次进入spring的DispatchServlet类,导致找不到对应的controller,所以报错404.
注意事项:
- 注意web.xml版本问题,最好是最新版本!
- 注册DispatchServlet
- 关联SpringMVC的配置文件springmvc-servlet.xml
- 启动级别设置为1
- 映射路径为/ 【不要为/*,会404】
4.添加SpringMVC配置文件:springmvc-servlet.xml
在resource目录下添加springmvc-servlet.xml配置文件,配置的形式与Spring容器配置基本类似,为了支持注解的IOC,设置了自动扫描包的功能,具体配置信息如下:
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
https://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/mvc
https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 自动扫描包,让指定包下的注解生效,由IOC容器统一管理 -->
<context:component-scan base-package="com.serene.controller"/>
<!-- 让Spring MVC不处理静态资源 .css .js .html .mp3 .mp4-->
<mvc:default-servlet-handler />
<!--
支持mvc注解驱动
在spring中一般采用@RequestMapping注解来完成映射关系
要想使@RequestMapping注解生效
必须向上下文中注册DefaultAnnotationHandlerMapping
和一个AnnotationMethodHandlerAdapter实例
这两个实例分别在类级别和方法级别处理。
而annotation-driven配置帮助我们自动完成上述两个实例的注入。
-->
<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-INF/目录下,这样可以保证视图的安全,因为这个目录下的文件,客户端不能直接访问。
配置信息:
- 配置包扫描,让IOC的注解生效
- 静态资源过滤,不进行处理:.css .js .html .mp3 .mp4
- MVC的注解驱动
- 配置视图解析器
5.创建Controller
编写一个Java控制类:com.serene.controller. HelloController ,注意编写规范,与包扫描配对。
package com.serene.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
//不用再继承Controller,使用注解
@Controller
@RequestMapping("HelloController")
public class HelloController{
//真实访问地址: 项目名/HelloController/hello
@RequestMapping("hello")
public String sayHello(Model model){
//向模型中添加属性msg与值,可以在jsp页面中取出并渲染
model.addAttribute("msg","Hello,spring-mvc annotation!");
//WEB-INF/jsp/hello.jsp
return "hello";
}
}
- @Controller 是为了让Spring IOC容器初始化时自动扫描到;
- @RequestMapping 是为了映射请求路径,这里因为类与方法上都有映射,所以访问时地址应该是:http://localhost:8080/HelloController/hello
- 方法中声明Model类型的参数是为了把Action中的数据带到视图中;
- 方法返回的结果是视图的名称hello,加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp
6.创建视图层
在WEB-INF目录中新建jsp目录,该目录下新建hello.jsp,视图可以从Controller中直接取出并展示带回来的信息
可以通过El表示取出Model中存放的值,或者对象;
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>springmvc-03-annotation</title>
</head>
<body>
${msg}
</body>
</html>
7.配置Tomcat运行。访问对应的请求路径!运行成功!
小结:
实现步骤非常简单:
- 新建一个web项目
- 导入相关的jar包
- 编写web.xml。注册DispatchServlet
- 编写springmvc配置文件
- 创建对应的控制类,controller
- 最后完善前端视图和controller之间的对应
- 测试运行调试
使用SpringMVC必须配置三大件:
处理器映射器、处理器适配器、视图解析器
通常我们只需要 手动配置视图解析器,而 处理器映射器 和处理器适配器 只需要开启 注解驱动 即可,省去大量的时间
测试代码:springmvc-03-annotation