Inicio Explorar Axuda
Rexistro Iniciar sesión
mei_you_ni_dong
/
doc
3
2
Fork 1
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

增加了springmvc的学习笔记

seamew %!s(int64=3) %!d(string=hai) anos
pai
2b2d5e3ab1
achega
0e5afb8291
Modificáronse 7 ficheiros con 239 adicións e 0 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 239 0
      后端/spring/SpringMVC/SpringMVC.md
  2. BIN=BIN
      后端/spring/SpringMVC/assets/image-20220328145135568.png
  3. BIN=BIN
      后端/spring/SpringMVC/assets/image-20220328145211236.png
  4. BIN=BIN
      后端/spring/SpringMVC/assets/image-20220328145306643.png
  5. BIN=BIN
      后端/spring/SpringMVC/assets/image-20220330141000675.png
  6. BIN=BIN
      后端/spring/SpringMVC/assets/image-20220330141737797.png
  7. BIN=BIN
      后端/spring/SpringMVC/assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYzNTE5OA==,size_16,color_FFFFFF,t_70.png

+ 239 - 0
后端/spring/SpringMVC/SpringMVC.md
Ver ficheiro 

@@ -0,0 +1,239 @@
 
+> [TOC]
 
+
 
+# 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的模式。**
 
+
 
+![image-20220328145135568](assets/image-20220328145135568.png)
 
+
 
+## 1.2、Model1时代
 
+
 
+- 在web早期的开发中，通常采用的都是Model1。
 
+- Model1中，主要分为两层，视图层和模型层。
 
+
 
+![image-20220328145211236](assets/image-20220328145211236.png)
 
+
 
+Model1优点：架构简单，比较适合小型项目开发；
 
+
 
+Model1缺点：JSP职责不单一，职责过重，不便于维护；
 
+
 
+## 1.3、Model2时代
 
+
 
+Model2把一个项目分成三部分，包括**视图、控制、模型。**
 
+
 
+![image-20220328145306643](assets/image-20220328145306643.png)
 
+
 
+1. 用户发请求
 
+2. Servlet接收请求数据，并调用对应的业务逻辑方法
 
+3. 业务处理完毕，返回更新后的数据给servlet
 
+4. servlet转向到JSP，由JSP来渲染页面
 
+5. 响应给前端更新后的页面
 
+
 
+**职责分析：**
 
+
 
+**Controller：控制器**
 
+
 
+1. 取得表单数据
 
+2. 调用业务逻辑
 
+3. 转向指定的页面
 
+
 
+**Model：模型**
 
+
 
+1. 业务逻辑
 
+2. 保存数据的状态
 
+
 
+**View：视图**
 
+
 
+1. 显示页面
 
+
 
+这样不仅提高的代码的复用率与项目的扩展性，且大大降低了项目的维护成本。Model 1模式的实现比较简单，适用于快速开发小规模项目，Model1中JSP页面身兼View和Controller两种角色，将控制逻辑和表现逻辑混杂在一起，从而导致代码的重用性非常低，增加了应用的扩展性和维护的难度。Model2消除了Model1的缺点。
 
+
 
+## 1.4、回顾Servlet
 
+
 
+0. 新建一个Maven工程当做父工程！pom依赖！
 
+
 
+```xml
 
+<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>
 
+```
 
+
 
+1. 建立一个Moudle：springmvc-01-servlet ， 添加Web app的支持！
 
+
 
+2. 导入servlet 和 jsp 的 jar 依赖
 
+
 
+   ```xml
 
+   <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>
 
+   ```
 
+
 
+3. 编写一个Servlet类，用来处理用户的请求
 
+
 
+   ```java
 
+   package com.th.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/hello.jsp").forward(req,resp);
 
+     }
 
+   
+      @Override
 
+      protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
 
+          doGet(req,resp);
 
+     }
 
+   }
 
+   ```
 
+
 
+4. 编写Hello.jsp，在WEB-INF目录下新建一个jsp的文件夹，新建hello.jsp
 
+
 
+   ```jsp
 
+   <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 
+   <html>
 
+   <head>
 
+      <title>thshen</title>
 
+   </head>
 
+   <body>
 
+   ${msg}
 
+   </body>
 
+   </html>
 
+   ```
 
+
 
+5. 在web.xml中注册Servlet
 
+
 
+   ```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>HelloServlet</servlet-name>
 
+          <servlet-class>com.th.servlet.HelloServlet</servlet-class>
 
+      </servlet>
 
+      <servlet-mapping>
 
+          <servlet-name>HelloServlet</servlet-name>
 
+          <url-pattern>/user</url-pattern>
 
+      </servlet-mapping>
 
+   
+   </web-app>
 
+   ```
 
+
 
+6. 配置Tomcat，并启动测试
 
+
 
+7. - localhost:8080/user?method=add
 
+   - localhost:8080/user?method=delete
 
+
 
+**MVC框架要做哪些事情**
 
+
 
+1. 将url映射到java类或java类的方法 .
 
+2. 封装用户提交的数据 .
 
+3. 处理请求--调用相关的业务处理--封装响应数据 .
 
+4. 将响应的数据进行渲染 . jsp / html 等表示层数据 .
 
+
 
+**说明：**
 
+
 
+ 常见的服务器端MVC框架有：Struts、Spring MVC、ASP.NET MVC、Zend Framework、JSF；常见前端MVC框架：vue、angularjs、react、backbone；由MVC演化出了另外一些模式如：MVP、MVVM 等等....
 
+
 
+# 2、什么是SpringMVC
 
+
 
+***
 
+
 
+## 2.1、概述
 
+
 
+Spring MVC是Spring Framework的一部分，是基于Java实现MVC的轻量级Web框架。
 
+
 
+查看官方文档：https://docs.spring.io/spring/docs/5.2.0.RELEASE/spring-framework-reference/web.html#spring-web
 
+
 
+**我们为什么要学习SpringMVC呢?**
 
+
 
+Spring MVC的特点：
 
+
 
+1. 轻量级，简单易学
 
+2. 高效 , 基于请求响应的MVC框架
 
+3. 与Spring兼容性好，无缝结合
 
+4. 约定优于配置
 
+5. 功能强大：RESTful、数据验证、格式化、本地化、主题等
 
+6. 简洁灵活
 
+
 
+Spring的web框架围绕**DispatcherServlet** [ 调度Servlet ] 设计。
 
+
 
+DispatcherServlet的作用是将请求分发到不同的处理器。从Spring 2.5开始，使用Java 5或者以上版本的用户可以采用基于注解形式进行开发，十分简洁；
 
+
 
+正因为SpringMVC好 , 简单 , 便捷 , 易学 , 天生和Spring无缝集成(使用SpringIoC和Aop) , 使用约定优于配置 . 能够进行简单的junit测试 . 支持Restful风格 .异常处理 , 本地化 , 国际化 , 数据验证 , 类型转换 , 拦截器 等等…所以我们要学习 .
 
+
 
+**最重要的一点还是用的人多 , 使用的公司多 .**
 
+
 
+## 2.2、中心控制器
 
+
 
+- Spring的web框架围绕DispatcherServlet设计。DispatcherServlet的作用是将请求分发到不同的处理器。从Spring 2.5开始，使用Java 5或者以上版本的用户可以采用基于注解的controller声明方式。
 
+
 
+![image-20220330141737797](assets/image-20220330141737797.png)
 
+
 
+Spring MVC框架像许多其他MVC框架一样, **以请求为驱动** , **围绕一个中心Servlet分派请求及提供其他功能**，**DispatcherServlet是一个实际的Servlet (它继承自HttpServlet 基类)**。
 
+
 
+- SpringMVC的原理如下图所示：
 
+
 
+  当发起请求时被前置的控制器拦截到请求，根据请求参数生成代理请求，找到请求对应的实际控制器，控制器处理请求，创建数据模型，访问数据库，将模型响应给中心控制器，控制器使用模型与视图渲染视图结果，将结果返回给中心控制器，再将结果返回给请求者。
 
+
 
+  原图
 
+
 
+  ![在这里插入图片描述](assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYzNTE5OA==,size_16,color_FFFFFF,t_70.png)

BIN=BIN
后端/spring/SpringMVC/assets/image-20220328145135568.png
Ver ficheiro


BIN=BIN
后端/spring/SpringMVC/assets/image-20220328145211236.png
Ver ficheiro


BIN=BIN
后端/spring/SpringMVC/assets/image-20220328145306643.png
Ver ficheiro


BIN=BIN
后端/spring/SpringMVC/assets/image-20220330141000675.png
Ver ficheiro


BIN=BIN
后端/spring/SpringMVC/assets/image-20220330141737797.png
Ver ficheiro


BIN=BIN
后端/spring/SpringMVC/assets/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDYzNTE5OA==,size_16,color_FFFFFF,t_70.png
Ver ficheiro