SpringBoot(四) -- SpringBoot与Web开发

一.发开前准备
  1.创建一个SpringBoot应用,引入我们需要的模块
  2.SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置,就能运行起来
  3.编写业务代码

二.静态资源映射规则
  在WebMvcAutoConfiguration中有着如下的配置:

 1      @Override
 2         public void addResourceHandlers(ResourceHandlerRegistry registry) {
 3             if (!this.resourceProperties.isAddMappings()) {
 4                 logger.debug("Default resource handling disabled");
 5                 return;
 6             }
 7             Integer cachePeriod = this.resourceProperties.getCachePeriod();
 8             if (!registry.hasMappingForPattern("/webjars/**")) {
 9                 customizeResourceHandlerRegistration(
10                         registry.addResourceHandler("/webjars/**")
11                                 .addResourceLocations(
12                                         "classpath:/META-INF/resources/webjars/")
13                         .setCachePeriod(cachePeriod));
14             }
15             String staticPathPattern = this.mvcProperties.getStaticPathPattern();
16             if (!registry.hasMappingForPattern(staticPathPattern)) {
17                 customizeResourceHandlerRegistration(
18                         registry.addResourceHandler(staticPathPattern)
19                                 .addResourceLocations(
20                                         this.resourceProperties.getStaticLocations())
21                         .setCachePeriod(cachePeriod));
22             }
23         }

  1.webjars:以jar包的方式引入静态资源,可以将JQuery等前端框架使用maven依赖的形式引入进来
  2.webjars中的资源访问都去如下路径:  classpath:/META-INF/resources/webjars/
  --例如可以在该地址中找到JQuery: localhost:8080/webjars/jquery/3.3.1/jquery.js

 

1         <!--前端框架-->
2         <dependency>
3             <groupId>org.webjars</groupId>
4             <artifactId>jquery</artifactId>
5             <version>3.3.1</version>
6         </dependency>

  --在访问的时候只要写webjars下面资源的地址即可
  3.我们可以发现在addResourceHandlers()方法只,还为这些静态资源设置了缓存时间,而我们在ResourceProperties中设置缓存时间:

1 @ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false)
2 public class ResourceProperties implements ResourceLoaderAware {
3 }

  4.在spring.resources中我们可以设置静态资源相关的参数,例如缓存时间,回到方法中我们在 registry.addResourceHandler(staticPathPattern) 中设置了资源映射:private String staticPathPattern = "/**";而如果我们不进行配置,则会默认去如下地址中寻找:
    "classpath:/META-INF/resources/"
    "classpath:/static/"
    "classpath:/static/"
    "/**":当前项目的根路径.
  5.欢迎页的映射

1         @Bean
2         public WelcomePageHandlerMapping welcomePageHandlerMapping(
3                 ResourceProperties resourceProperties) {
4             return new WelcomePageHandlerMapping(resourceProperties.getWelcomePage(),
5                     this.mvcProperties.getStaticPathPattern());
6         }
 1     private String[] getStaticWelcomePageLocations() {
 2         String[] result = new String[this.staticLocations.length];
 3         for (int i = 0; i < result.length; i++) {
 4             String location = this.staticLocations[i];
 5             if (!location.endsWith("/")) {
 6                 location = location + "/";
 7             }
 8             result[i] = location + "index.html";
 9         }
10         return result;
11     }  

  --即所有静态目录下的index.html页面
  6.设置我们的首页图标

 1         @ConditionalOnProperty(value = "spring.mvc.favicon.enabled", matchIfMissing = true)
 2         public static class FaviconConfiguration {
 3 
 4             private final ResourceProperties resourceProperties;
 5 
 6             public FaviconConfiguration(ResourceProperties resourceProperties) {
 7                 this.resourceProperties = resourceProperties;
 8             }
 9 
10             @Bean
11             public SimpleUrlHandlerMapping faviconHandlerMapping() {
12                 SimpleUrlHandlerMapping mapping = new SimpleUrlHandlerMapping();
13                 mapping.setOrder(Ordered.HIGHEST_PRECEDENCE + 1);
14                 mapping.setUrlMap(Collections.singletonMap("**/favicon.ico",
15                         faviconRequestHandler()));
16                 return mapping;
17             }
18 
19             @Bean
20             public ResourceHttpRequestHandler faviconRequestHandler() {
21                 ResourceHttpRequestHandler requestHandler = new ResourceHttpRequestHandler();
22                 requestHandler
23                         .setLocations(this.resourceProperties.getFaviconLocations());
24                 return requestHandler;
25             }
26 
27         }

  在静态资源文件夹中寻找favicon.ico

三.引入thymeleaf
  在我们传统的网页开发中,通常我们会将静态网站资源修改为.jsp文件,但是我们使用springBoot默认的打包方式是jar包,我们使用的还是嵌入式的tomcat,因此默认是不支持JSP的页面的.如果我们使用纯静态的方式给我们开发会带来很大的麻烦,因此我们可以使用模板引擎例如JSP,Velocity,Freemarker,Thymeleaf;Spring推荐我们使用thymeleaf:
  1.引入ThymeLeaf:

1         <!--引入Thymeleaf-->
2         <dependency>
3             <groupId>org.springframework.boot</groupId>
4             <artifactId>spring-boot-starter-thymeleaf</artifactId>
5         </dependency>

   2.其默认使用的2.1.6版本,其功能较少,因此我们可以使用替换较高的版本:

1     <properties>
2         <java.version>1.8</java.version>
3         <!--设置thymeleaf版本-->
4         <thymeleaf.version>3.0.2.RELEASE</thymeleaf.version>
5         <!--thymeleaf布局功能的支持程序  thymeleaf3 主程序 适配layout2 以上版本-->
6         <thymeleag-layout-dialect.version>2.1.1</thymeleag-layout-dialect.version>
7     </properties>

 

四.Thymeleaf使用&语法

 1 @ConfigurationProperties(prefix = "spring.thymeleaf")
 2 public class ThymeleafProperties {
 3 
 4     private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");
 5 
 6     private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");
 7 
 8     public static final String DEFAULT_PREFIX = "classpath:/templates/";
 9 
10     public static final String DEFAULT_SUFFIX = ".html";

  可以发现我们只需要将html页面放置在类路径的templates下,就可以被顺利解析扩展.
  1.访问success页面:

1     @RequestMapping("/success")
2     public String success(Map<String, Object> map) {
3         map.put("hello", "你好");
4         return "success";
5     }
 1 <!DOCTYPE html>
 2 <html lang="en">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Title</title>
 6     </head>
 7     <body>
 8         <h1>成功!!!</h1>
 9     </body>
10 </html>

  2.在success中引入Thymeleaf模板引擎--导入名称空间:<html lang="en" xmlns:th="http://www.thymeleaf.org">
  3.Themeleaf语法:

 1 <!DOCTYPE html>
 2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Title</title>
 6     </head>
 7     <body>
 8         <h1>成功!!!</h1>
 9         <!--获取Hello的值 th:text="${hello}"
10         如果模板引擎解析时效,或者hello的值获取失败,那么将显示当前自行填充的默认值-->
11         <div th:text="${hello}">这是显示欢迎信息</div>
12     </body>
13 </html>

  (1) th:text:改变当前元素里面的文本内容
    th:任意html标签属性: 我们可以用任何属性替换掉原生的值
  (2)th:insert th:replace: 片段包含,类似于jsp:include
  (3)th:each :遍历
  (4)th: if | unless | switch | case:判断
  (5)th:object th:with: 设置变量
  (6)th: attr | attrprepend | attrappend : 任意属性修改,支持在前方和后方追加内容
  (7)th: value | href | src | ...:修改指定属性的默认值
  (8)th: text | utext | fragment | remove: 文本转义特殊字符 | 文本不转义特殊字符 | 声明片段 | 移除片段
  4.Thymeleaf表达式语法:
  (1)${...} :获取变量值,获取对象的属性,调用方法; 使用内置的基本对象:  
      #ctx: 当前的上下文对象
      #vars: 当前上下文的变量
      #locale: 获取上下文的区域信息
      #request | response | session | servletContext: 应用于web环境
      内置工具对象(详情可以参看文档):
      #execInfo: information about the template being processed.
      #messages: methods for obtaining externalized messages inside variables expressions, in the same way as they would be obtained using #{…} syntax.
      #uris: methods for escaping parts of URLs/URIs

      #conversions: methods for executing the configured conversion service (if any).
      #dates: methods for java.util.Date objects: formatting, component extraction, etc.
      #calendars: analogous to #dates, but for java.util.Calendar objects.
      #numbers: methods for formatting numeric objects.
      #strings: methods for String objects: contains, startsWith, prepending/appending, etc.
      #objects: methods for objects in general.
      #bools: methods for boolean evaluation.
      #arrays: methods for arrays.
      #lists: methods for lists.
      #sets: methods for sets.
      #maps: methods for maps.
      #aggregates: methods for creating aggregates on arrays or collections.
      #ids: methods for dealing with id attributes that might be repeated (for example, as a result of an iteration).

  (2)*{...}: 和${...}在功能上是一样的   th:object 进行使用,在子标签中可以省略object的前缀

  (3) #{...}: 获取国际化命名

  (4)@{...}:定义URL  可以免去拼串 https:localhost/hello/hi(order=${order},item=${item})
  (5)~{...}: 片段引用表达式 (后文将会介绍使用方法)
  5.场景应用示例

1     @RequestMapping("/success")
2     public String success(Map<String, Object> map) {
3         map.put("hello", "<h1>你好</hi>");
4         map.put("users", Arrays.asList("张三","李四","王五"));
5         return "success";
6     }
 1 <!DOCTYPE html>
 2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Title</title>
 6     </head>
 7     <body>
 8         <h1>成功!!!</h1>
 9         <!--获取Hello的值 th:text="${hello}"
10         如果模板引擎解析时效,或者hello的值获取失败,那么将显示当前自行填充的默认值-->
11         <div th:text="${hello}">这是显示欢迎信息</div>
12         <hr/>
13         <div th:utext="${hello}">默认显示的内容</div>
14         <hr/>
15         <!--遍历获取数组数据
16         th:each 所在的标签,每次遍历都是生成一个-->
17         <h4 th:each="user:${users}" th:text="${user}"></h4>
18         <hr/>
19         <h4>
20             <!--行内写法[[ text ]]   [( utext )]-->
21             <span th:each="user:${users}" >[[ ${user} ]]</span>
22         </h4>
23     </body>
24 </html>

 五.SpringMVC的自动配置
  SpringBoot自动配置好了SpringMVC,以下是SpringBoot对SpringMVC的自动配置

   1.自动配置了视图解析器:根据方法的返回值,得到视图对象,视图对象决定如何渲染界面(转发?重定向?)

    ContentNegotiatingViewResolver:组合所有的视图解析器
    如何定制:可以自己给容器中添加视图解析器,而后ContentNegotiatingViewResolver将会自动的将其组合进来
  2.静态首页访问
  3.自动注册了Converter(转化器): 主要完成类型转化
   formatter(格式化器):页面带来的数据例如为 2019-12-1 ==> Date类型

1 @Bean
2         @ConditionalOnProperty(prefix = "spring.mvc", name = "date-format")
3         public Formatter<Date> dateFormatter() {
4             return new DateFormatter(this.mvcProperties.getDateFormat());
5         }

   --需要在配置文件中配置日期格式化的规则
  4.HttpMessageConverter:SpringMVC中用来转化HTTP请求及响应,User-JSON
   HttpMessageConverters:是从容器中确定的;自己给容器中添加HttpMessageConverter,只需自己在容器中注册
  5.MessageCodesResolver:定义错误代码的生成规则
  6.ConfigurableWebBindingInitializer:我们可以配置自己的来替原有的,用来初始化Web数据绑定器的
  7.修改SpringBoot的默认配置:SpringBoot在自动配置很多组件的时候,都有一个模式,先看容器中有没有用户自己配置的(@Bean,@Component)如果有就用用户配置的,如果没有才自动配置;如果有些组件可以有多个(ViewResolver)将用户配置的和自己默认的组合起来;

六.扩展和全面接管SpringMVC
  仅仅依赖SpringBoot对SpringMVC的默认配置,是不够使用的,例如我们在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" xmlns:mvc="http://www.springframework.org/schema/mvc"
 4        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
 5 
 6     <!--将Hello请求也映射到success-->
 7     <mvc:view-controller path="/hello" view-name="success"/>
 8     <!--配置拦截器-->
 9     <mvc:interceptors>
10         <!--拦截hello请求-->
11         <mvc:interceptor>
12             <mvc:mapping path="/hello"/>
13             <bean></bean>
14         </mvc:interceptor>
15     </mvc:interceptors>
16 </beans>

   --如果我们想要保持SpringBoot对SpringMVC的默认配置,仅仅是想额外添加一些功能,我们可以添加一个自定义的Configuration配置类:

   1.编写一个配置类(@Configuration),是WebMvcConfigurerAdapter类型,不能标注@EnableWebMvc:

 1 package com.zhiyun.springboot.web_restfulcrud.config;
 2 
 3 import org.springframework.context.annotation.Configuration;
 4 import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
 5 import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
 6 
 7 /**
 8  * @author : S K Y
 9  * @version :0.0.1
10  * 扩展SpringMVC的功能
11  */
12 @Configuration
13 public class MyMvcConfig extends WebMvcConfigurerAdapter {
14     @Override
15     public void addViewControllers(ViewControllerRegistry registry) {
16         //浏览器发送hello请求也来到success页面
17         registry.addViewController("/hello").setViewName("success");
18     }
19 }

  --即保留了所有的自动配置,也能使用我们扩展的自定义配置,查看其原理:
  (1)WebMvcAutoConfiguration是SpringMVC的自动配置类;
  (2)内部有一个静态类也继承了WebMvcConfigurerAdapter ,在该类上有着注解@Import(EnableWebMvcConfiguration.class)
  (3)EnableWebMvcConfiguration类继承了DelegatingWebMvcConfiguration类,在父类中存在如下代码:

1     @Autowired(required = false)
2     public void setConfigurers(List<WebMvcConfigurer> configurers) {
3         if (!CollectionUtils.isEmpty(configurers)) {
4             this.configurers.addWebMvcConfigurers(configurers);
5         }
6     }

   (4)表示了从容器中获取所有的WebMvnConfigurer.在进行配置将所有的WebMVC相关的配置都调用了一下,这样一来就可以实现一起配置.所有的容器中所有的WebMvcConfige都会一起起作用,我们的配置类也会被调用.SpringMVC的自动配置和我们的扩展配置都回起作用.
  (5)全面接管SpringMVC:SpringBoot对SpringBoot的自动配置将不再生效,我们使用@EnableWebMVC注解来标注我们自己的配置类即可.此时所有SpringMVC的自动配置都失效.  
  (6)EnableWebMVC注解导入了一个DelegatingWebMvcConfiguration类该是WebMvcConfigurationSupport的子类,而在WebMvcAutoConfiguration类中使用了@ConditionalOnMissingBean(WebMvcConfigurationSupport.class)注解,表示当容器中没有这个组件的时候,这样一来自动配置类才生效.
  (7)在SpringBoot中会有许多的XXXConfigurer,帮助我们进行扩展配置.

猜你喜欢

转载自www.cnblogs.com/skykuqi/p/11954619.html