怀念夏天 发表于 2023-9-25 19:34:33

2、SpringMVC之入门案例

2.1、环境搭建

2.1.1、右击project创建新module

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230906234955627-134530676.png
2.1.2、选择maven

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230906235152878-1164954890.png
2.1.3、设置module名称和路径

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230906235514787-461345067.png
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230906235528212-344599393.png
2.1.4、module初始状态

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907000345983-171944472.png
2.1.5、配置打包方式

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907000946063-2099878571.png
注意:默认的打包方式为 jar,为了能配置web资源,需要将打包方式设置为 war
    <packaging>war</packaging>2.1.6、配置web资源目录

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907001603889-1194672417.png
打开Project Structure,选择对应的module,并为该module创建一个web.xml文件
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907001742397-29655865.png
注意:web.xml文件需要放到web资源路径(工程路径\src\main\webapp)下
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907002058515-1435762392.png
++++++++++++++++++++++++++++++++分割线++++++++++++++++++++++++++++++++
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907002801468-1349948421.png
2.1.7、引入依赖

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907003913804-1260410550.png
    <dependencies>
      
      <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.1</version>
      </dependency>
      
      <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
      </dependency>
      
      <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
      </dependency>
      
      <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
      </dependency>
    </dependencies>2.2、配置web.xml

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230908001559280-1265419532.png
   
    <servlet>
      <servlet-name>SpringMVC</servlet-name>
      <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    </servlet>
    <servlet-mapping>
      <servlet-name>SpringMVC</servlet-name>
      
      <url-pattern>/</url-pattern>
    </servlet-mapping>2.3、创建请求控制器


[*]虽然前端控制器对浏览器发送的请求进行了统一的处理,但是不同的请求会有不同的处理过程,
因此需要创建处理具体请求的类,该类称之为请求控制器。
[*]将一个POJO(普通的Java类)通过@Controller注解标识为一个控制层组件,交给Spring的IOC容器来管理;
SpringMVC就能识别其为一个请求控制器。
[*]请求控制器中每一个处理请求的方法,称之为控制器方法。
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230908003700714-1808470101.png
package org.rain.controller;

import org.springframework.stereotype.Controller;

/**
* @author liaojy
* @date 2023/9/8 - 0:36
*/
@Controller
public class HelloController {
}2.4、创建SpringMVC配置文件


[*]DispatcherServlet 初始化的时候,会自动加载 SpringMVC 配置文件,因此 SpringMVC 配置文件有固定的名称和固定的位置;
[*]SpringMVC 配置文件默认固定的名称为:标签的值-servlet.xml,本例为SpringMVC-servlet.xml;
[*]SpringMVC 配置文件默认固定的位置在 WEB-INF 目录下;
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230914101318956-174542229.png
<?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/spring-context.xsd">

   
    <context:component-scan base-package="org.rain.controller"></context:component-scan>

   
    <bean id="viewResolver" >
      <property name="order" value="1"/>
      <property name="characterEncoding" value="UTF-8"/>
      <property name="templateEngine">
            <bean >
                <property name="templateResolver">
                  <bean
                            >
                        
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8" />
                  </bean>
                </property>
            </bean>
      </property>
    </bean>

</beans>2.5、创建静态资源目录及静态页面

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919084656049-2002832895.png
静态页面的物理视图:/WEB-INF/templates/index.html
静态页面的逻辑视图(去掉视图解析器定义的前缀和后缀):index
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>index.html</h1>
</body>
</html>2.6、配置tomcat

2.6.1、打开运行配置

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919085504323-2110094747.png
2.6.2、添加本地tomcat

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919085600098-146457148.png
2.6.3、为tomcat命名

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919085648803-1795977687.png
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919085710113-529212992.png
2.6.4、添加工程到tomcat

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919090042570-991473164.png
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919090114281-439513907.png
2.6.5、调整工程在tomcat中的上下文

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919090255645-290274798.png
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919090347148-909997826.png
2.6.6、设置热部署

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919090635536-864105776.png
上图为默认状态
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920112528135-1088684061.png
On Update action属性:当点击控制台update按钮时,Idea执行什么操作;
该属性有四个选项:


[*]Update resource:如果有更新,并且更新资源为(.jsp,.xml,不包括java文件),就会立即生效;
[*]Update classes and resources:如果有更新,并且更新资源为(.jsp,.xml,且包括java文件),就会立即生效;
注意:
在正常运行模式下,更新资源为java文件也不会立即生效;
但在debug模式下,更新资源为java文件就会立即生效;
这两种模式下,更新资源为(.jsp,.xml,不包括java文件),都可以立即生效
[*]Redploy:重新部署
[*]Restart : 重启服务器
On Frame deactivation属性:当工程内容有变化的时候,idea执行什么操作;
该属性有三个选项:


[*]Do nothing(推荐使用,因为可以节省idea消耗的内存):不做任何事情
[*]Update resource:如果有更新,并且更新资源为(.jsp,.xml,不包括java文件),就会立即生效;
[*]Update classes and resources:如果有更新,并且更新资源为(.jsp,.xml,且包括java文件),就会立即生效
注意:
在正常运行模式下,更新资源为java文件也不会立即生效;
但在debug模式下,更新资源为java文件就会立即生效;
这两种模式下,更新资源为(.jsp,.xml,不包括java文件),都可以立即生效
2.7、控制器方法入门示例

2.7.1、创建首页的控制器方法

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919093430490-1644466702.png
    // @RequestMapping注解:处理匹配路径的请求
    // 服务器中的/路径表示:http://localhost:8080/上下文/,本例为http://localhost:8080/spring_mvc_helloworld/
    @RequestMapping("/")
    public String portal(){
      // 返回首页的逻辑视图,视图解析器会根据定义好的前缀和后缀匹配对应的资源,经过thymeleaf的渲染后页面
      return "index";
    }2.7.2、更新服务器中的工程

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919093631786-2032871979.png
+++++++++++++++++++++++++++++++++++分割线+++++++++++++++++++++++++++++++++++
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919093701562-1489716003.png
2.7.3、访问首页测试

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230919093847163-1983007427.png
2.8、控制器方法进阶示例

2.8.1、html引入thymeleaf的约束

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920085012180-999103135.png
xmlns:th="http://www.thymeleaf.org"2.8.2、使用thymeleaf渲染路径

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920090021704-599666201.png
注意:使用了thymeleaf语法后,thymeleaf的约束由灰转亮
<a target="_blank" href="https://www.cnblogs.com/hello">测试普通的超链接</a>


<a th:target="_blank" href="https://www.cnblogs.com/@{/hello}">测试经过thymeleaf语法渲染后的超链接</a>2.8.3、创建处理hello请求的控制器方法

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920090617934-1143203025.png
    @RequestMapping("/hello")
    public String hello(){
      return "success";
    }2.8.4、创建hello请求的响应视图

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920091152115-1187414725.png
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成功</title>
</head>
<body>
<h1>success.html</h1>
</body>
</html>2.8.5、普通的超链接效果

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920091924458-1811385232.png
由图可知,普通的/路径确实没有包括上下文路径;虽然可以手动添加,但是上下文路径有变化的话,就要全部修改
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920091946177-393956807.png
2.8.6、thymeleaf渲染的超链接效果

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920092101256-1912258276.png
由图可知,测试经过thymeleaf语法渲染后的/路径,已自动补充了上下文路径;
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920092121492-1407886227.png
2.9、流程总结


[*]浏览器发送请求;
[*]若请求地址符合前端控制器的url-pattern,该请求就会被前端控制器DispatcherServlet处理;
[*]前端控制器会读取SpringMVC的核心配置文件,通过扫描组件找到控制器;
[*]将请求地址和控制器中@RequestMapping注解的value属性值进行匹配;
[*]若匹配成功,该注解所标识的控制器方法就是处理请求的方法;
[*]处理请求的方法需要返回一个字符串类型的视图名称;
[*]视图名称会被视图解析器解析,加上前缀和后缀组成视图的路径;
[*]通过Thymeleaf对视图进行渲染后,最终转发(不是重定向)到视图所对应页面。
2.10、优化拓展

2.10.1、调整SpringMVC配置文件的路径及名称

https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920095936590-1346280225.png
      <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
      </init-param>注意:复制的文件,可能没有及时同步到target,从而产生文件没找到的报错;
这时,需要clean一下工程(clean前要先停止工程),再重新运行即可。
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920101842549-2140060497.png
2.10.2、调整DispatcherServlet的初始化时间


[*]Servlet的生命周期有三个阶段:初始化、服务、销毁;
[*]Servlet默认的初始化时间是第一次访问时执行的;
[*]DispatcherServlet是框架创建并提供的,初始化时会执行很多操作;
[*]因此,应该将DispatcherServlet的初始化时间提前到服务器启动时,避免第一次处理请求时耗时太长;
https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230920104551728-404717868.png
      
      <load-on-startup>1</load-on-startup>
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 2、SpringMVC之入门案例