SpringMVC【一】MVC 及 Servlet 回顾
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 中,主要分为两层:视图层和模型层。
- 优点:架构简单,比较适合小型项目开发;
- 缺点:JSP职责不单一,职责过重,不便于维护。
1.3 Model2 时代
Model2 把一个项目分成三部分,包括视图、控制、模型。
- 用户发请求
- Servlet 接收请求数据,并调用对应的业务逻辑方法
- 业务处理完毕,返回更新后的数据给 servlet
- servlet 转向到 JSP,由 JSP 来渲染页面
- 响应给前端更新后的页面
职责分析:
- Controller 控制器:取得表单数据;调用业务逻辑;转向指定的页面
- Model 模型:业务逻辑;保存数据的状态
- View 视图:显示页面
Model2 这样不仅提高的代码的复用率与项目的扩展性,且大大降低了项目的维护成本。Model1 模式的实现比较简单,适用于快速开发小规模项目,Model1 中 JSP 页面身兼 View 和 Controller 两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的扩展性和维护的难度。Model2 消除了 Model1 的缺点。
1.4 Servlet
-
新建一个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> <!--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>
-
新建一个模块,添加 Web app的支持
步骤:在模块名上右键 —> Add Framework Support —> 选中 Web Application 生成一个 web.xml 文件 (这样操作的原因是:maven 直接创建的 web 项目中 web.xml 不是最新版,而我们需要最新版)
-
导入servlet 和 jsp 的 jar 依赖
-
编写一个 Servlet 类,用来处理用户的请求
// 实现servlet接口 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/test.jsp").forward(req,resp); } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { doGet(req,resp); } }
-
编写 test.jsp,放在 WEB-INF 目录下新建的 jsp 文件夹中
注意:页面为了安全,使用户不可见,放在 WEB-INF 下面,公共页面放在 web 下面
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> ${msg} </body> </html>
-
在 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-name>hello</servlet-name> <servlet-class>com.song.servlet.HelloServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>hello</servlet-name> <url-pattern>/hello</url-pattern> </servlet-mapping> <!--配置超时时间,15分钟--> <!--<session-config>--> <!--<session-timeout>15</session-timeout>--> <!--</session-config>--> <!--欢迎页--> <!--<welcome-file-list>--> <!--<welcome-file>index.jsp</welcome-file>--> <!--</welcome-file-list>--> </web-app>
-
配置 Tomcat,将项目部署在服务器中,并启动测试
-
localhost:8080/user?method=add 最后页面上会显示:执行了add方法
-
localhost:8080/user?method=delete 最后页面上会显示:执行了delete方法
-
MVC 框架要做的事情:
- 将 url 映射到 java 类或 java 类的方法
- 封装用户提交的数据
- 处理请求,调用相关的业务处理,封装响应数据
- 将响应的数据进行渲染 . jsp / html 等表示层数据
说明:
常见的服务器端MVC框架有:Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF;
常见前端MVC框架:vue、angularjs、react、backbone;
由MVC演化出了另外一些模式如:MVP、MVVM(M|V|VM: ViewModel 双向绑定) 等等....