ToB企服应用市场:ToB评测及商务社交产业平台

标题: 2、SpringMVC之入门案例 [打印本页]

作者: 怀念夏天    时间: 2023-9-25 19:34
标题: 2、SpringMVC之入门案例
2.1、环境搭建

2.1.1、右击project创建新module


2.1.2、选择maven


2.1.3、设置module名称和路径



2.1.4、module初始状态


2.1.5、配置打包方式


注意:默认的打包方式为 jar,为了能配置web资源,需要将打包方式设置为 war
  1.     <packaging>war</packaging>
复制代码
2.1.6、配置web资源目录


打开Project Structure,选择对应的module,并为该module创建一个web.xml文件

注意:web.xml文件需要放到web资源路径(工程路径\src\main\webapp)下

++++++++++++++++++++++++++++++++分割线++++++++++++++++++++++++++++++++
  1. [/code][size=4]2.1.7、引入依赖[/size]
  2. [img]https://img2023.cnblogs.com/blog/2052479/202309/2052479-20230907003913804-1260410550.png[/img]
  3. [code]    <dependencies>
  4.         
  5.         <dependency>
  6.             <groupId>org.springframework</groupId>
  7.             <artifactId>spring-webmvc</artifactId>
  8.             <version>5.3.1</version>
  9.         </dependency>
  10.         
  11.         <dependency>
  12.             <groupId>ch.qos.logback</groupId>
  13.             <artifactId>logback-classic</artifactId>
  14.             <version>1.2.3</version>
  15.         </dependency>
  16.         
  17.         <dependency>
  18.             <groupId>javax.servlet</groupId>
  19.             <artifactId>javax.servlet-api</artifactId>
  20.             <version>3.1.0</version>
  21.             <scope>provided</scope>
  22.         </dependency>
  23.         
  24.         <dependency>
  25.             <groupId>org.thymeleaf</groupId>
  26.             <artifactId>thymeleaf-spring5</artifactId>
  27.             <version>3.0.12.RELEASE</version>
  28.         </dependency>
  29.     </dependencies>
复制代码
2.2、配置web.xml

  1.    
  2.     <servlet>
  3.         <servlet-name>SpringMVC</servlet-name>
  4.         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  5.     </servlet>
  6.     <servlet-mapping>
  7.         <servlet-name>SpringMVC</servlet-name>
  8.         
  9.         <url-pattern>/</url-pattern>
  10.     </servlet-mapping>
复制代码
2.3、创建请求控制器

  1. package org.rain.controller;
  2. import org.springframework.stereotype.Controller;
  3. /**
  4. * @author liaojy
  5. * @date 2023/9/8 - 0:36
  6. */
  7. @Controller
  8. public class HelloController {
  9. }
复制代码
2.4、创建SpringMVC配置文件

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans"
  3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.        xmlns:context="http://www.springframework.org/schema/context"
  5.        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">
  6.    
  7.     <context:component-scan base-package="org.rain.controller"></context:component-scan>
  8.    
  9.     <bean id="viewResolver" >
  10.         <property name="order" value="1"/>
  11.         <property name="characterEncoding" value="UTF-8"/>
  12.         <property name="templateEngine">
  13.             <bean >
  14.                 <property name="templateResolver">
  15.                     <bean
  16.                             >
  17.                         
  18.                         <property name="prefix" value="/WEB-INF/templates/"/>
  19.                         
  20.                         <property name="suffix" value=".html"/>
  21.                         <property name="templateMode" value="HTML5"/>
  22.                         <property name="characterEncoding" value="UTF-8" />
  23.                     </bean>
  24.                 </property>
  25.             </bean>
  26.         </property>
  27.     </bean>
  28. </beans>
复制代码
2.5、创建静态资源目录及静态页面


静态页面的物理视图:/WEB-INF/templates/index.html
静态页面的逻辑视图(去掉视图解析器定义的前缀和后缀):index
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>首页</title>
  6. </head>
  7. <body>
  8. <h1>index.html</h1>
  9. </body>
  10. </html>
复制代码
2.6、配置tomcat

2.6.1、打开运行配置


2.6.2、添加本地tomcat


2.6.3、为tomcat命名



2.6.4、添加工程到tomcat



2.6.5、调整工程在tomcat中的上下文



2.6.6、设置热部署


上图为默认状态

On Update action属性:当点击控制台update按钮时,Idea执行什么操作;
该属性有四个选项:

On Frame deactivation属性:当工程内容有变化的时候,idea执行什么操作;
该属性有三个选项:

2.7、控制器方法入门示例

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

  1.     // @RequestMapping注解:处理匹配路径的请求
  2.     // 服务器中的/路径表示:http://localhost:8080/上下文/,本例为http://localhost:8080/spring_mvc_helloworld/
  3.     @RequestMapping("/")
  4.     public String portal(){
  5.         // 返回首页的逻辑视图,视图解析器会根据定义好的前缀和后缀匹配对应的资源,经过thymeleaf的渲染后页面
  6.         return "index";
  7.     }
复制代码
2.7.2、更新服务器中的工程


+++++++++++++++++++++++++++++++++++分割线+++++++++++++++++++++++++++++++++++

2.7.3、访问首页测试


2.8、控制器方法进阶示例

2.8.1、html引入thymeleaf的约束

  1. xmlns:th="http://www.thymeleaf.org"
复制代码
2.8.2、使用thymeleaf渲染路径


注意:使用了thymeleaf语法后,thymeleaf的约束由灰转亮
  1. <a target="_blank" href="https://www.cnblogs.com/hello">测试普通的超链接</a>
  2. <a th:target="_blank" href="https://www.cnblogs.com/@{/hello}">测试经过thymeleaf语法渲染后的超链接</a>
复制代码
2.8.3、创建处理hello请求的控制器方法

  1.     @RequestMapping("/hello")
  2.     public String hello(){
  3.         return "success";
  4.     }
复制代码
2.8.4、创建hello请求的响应视图

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>成功</title>
  6. </head>
  7. <body>
  8. <h1>success.html</h1>
  9. </body>
  10. </html>
复制代码
2.8.5、普通的超链接效果


由图可知,普通的/路径确实没有包括上下文路径;虽然可以手动添加,但是上下文路径有变化的话,就要全部修改

2.8.6、thymeleaf渲染的超链接效果


由图可知,测试经过thymeleaf语法渲染后的/路径,已自动补充了上下文路径;

2.9、流程总结

2.10、优化拓展

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

  1.         <init-param>
  2.             <param-name>contextConfigLocation</param-name>
  3.             <param-value>classpath:springmvc.xml</param-value>
  4.         </init-param>
复制代码
注意:复制的文件,可能没有及时同步到target,从而产生文件没找到的报错;
这时,需要clean一下工程(clean前要先停止工程),再重新运行即可。

2.10.2、调整DispatcherServlet的初始化时间

  1.         
  2.         <load-on-startup>1</load-on-startup>
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!




欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4