一、Web 开发

自动配置原理：

xxxAutoConfiguration: 帮助我们给容器中自动配置组件；

xxxProperyties: 配置类来

1、 SpringBoot 对静态资源的映射规则

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
@ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false)
public class ResourceProperties implements ResourceLoaderAware {
// 可是设置和静态资源有关的参数，缓存时间等
WebMvcAuotConfiguration：
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
	if (!this.resourceProperties.isAddMappings()) {
        logger.debug("Default resource handling disabled");
        return;
	}
    Integer cachePeriod = this.resourceProperties.getCachePeriod();
    if (!registry.hasMappingForPattern("/webjars/**")) {
    	customizeResourceHandlerRegistration(
			registry.addResourceHandler("/webjars/**")
                .addResourceLocations(
					"classpath:/META‐INF/resources/webjars/")
                .setCachePeriod(cachePeriod));
	}
    String staticPathPattern = this.mvcProperties.getStaticPathPattern();
    // 静态资源文件夹的映射
    if (!registry.hasMappingForPattern(staticPathPattern)) {
		customizeResourceHandlerRegistration(
        	registry.addResourceHandler(staticPathPattern)
				.addResourceLocations(
					this.resourceProperties.getStaticLocations())
			.setCachePeriod(cachePeriod));
	}
}
    // 配置欢迎页映射
    @Bean
	public WelcomePageHandlerMapping welcomePageHandlerMapping(
		ResourceProperties resourceProperties) {
       return new WelcomePageHandlerMapping(resourceProperties.getWelcomePage(),
		this.mvcProperties.getStaticPathPattern());
	}
    // 配置喜欢的图标
    @Configuration
	@ConditionalOnProperty(value = "spring.mvc.favicon.enabled", matchIfMissing = true)
    public static class FaviconConfiguration {
	private final ResourceProperties resourceProperties;
	public FaviconConfiguration(ResourceProperties resourceProperties) {
        this.resourceProperties = resourceProperties;
	}
    @Bean
	public SimpleUrlHandlerMapping faviconHandlerMapping() {
		SimpleUrlHandlerMapping mapping = new SimpleUrlHandlerMapping();
        mapping.setOrder(Ordered.HIGHEST_PRECEDENCE + 1);
    	//所有 **/favicon.ico
		mapping.setUrlMap(Collections.singletonMap("**/favicon.ico",
		faviconRequestHandler()));
		return mapping;
	}
    @Bean
	public ResourceHttpRequestHandler faviconRequestHandler() {
		ResourceHttpRequestHandler requestHandler = new
		ResourceHttpRequestHandler();
		requestHandler
			.setLocations(this.resourceProperties.getFaviconLocations());
		return requestHandler;
	}
}

  1. ==所有的/webjars/**,都去 classpath:/META-INF/resources/web/找资源==

    webjars ：以 jar 包的方式引入静态资源；http://www.webjars.org/

    image-20200830150014962

    导入依赖：

1
2
3
4
5
6
<!--引入jquery-webjar 访问的时候只需要写webjars下面的资源名称即可-->
<dependency>
	<groupId>org.webjars.bower</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1</version>
</dependency>

测试：localhost:8080/webjars/jquery/3.3.1/dist/jquery.js

image-20200830152223097

  1. ==”/**“ 访问当前项目的任何资源，都去(静态资源的文件夹)找映射。==
  • “classpath:/META-INF/resources/“
  • “classpath:/resources/“
  • “classpath:/static/“
  • “classpath:/public/“
  • “/“:当前项目

image-20200830153301812

例如： localhost:8080/abc == 去静态资源文件夹里面找 abc

  1. ==欢迎页： 静态资源文件下的所有 index.html 页面；被”/**“映射==

    image-20200830153625605

  2. ==所有的 **/favicaon.ico 都是在静态资源文件下找==

image-20200830160731509

2、引擎模板

jsp、velocity、Freemarker、Thymeleaf

image-20200830154046099

SpringBoot 推荐的 Tymeleaf，语法更简单，功能更强大；

① 引入 thymeleaf

1
2
3
4
5
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
   <version>2.3.1.RELEASE</version>
</dependency>

测试：

1
2
3
4
@RequestMapping(value = "/success")
    public String success(){
        return "success";
}

image-20200830164605070

image-20200830164630710

切换 thymeleaf 版本

1
2
3
<thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
<!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
<thymeleaf-layout-dialect.version>2.3.0</thymeleaf-layout-dialect.version>

==启动报错==：

1
2
3
4
5
6
7
8
9
10
11
***************************
APPLICATION FAILED TO START
***************************

Description:

An attempt was made to call a method that does not exist. The attempt was made from the following location:

    org.springframework.boot.autoconfigure.thymeleaf.ThymeleafAutoConfiguration$ThymeleafDefaultConfiguration.templateEngine(ThymeleafAutoConfiguration.java:142)

The following method did not exist:

==解决方案==：

1
2
3
4
<properties>
    <springboot-thymeleaf.version>3.0.9.RELEASE</springboot-thymeleaf.version>
    <thymeleaf-layout-dialect.version>2.3.0</thymeleaf-layout-dialect.version>
</properties>

原因分析：

​ 这里用的 org.springframework.boot 下的 spring-boot-starter-thymeleaf,使用<thymeleaf.version>做标签时的可能与 org.thymeleaf 头冲突，导致包获取不正确。

② Thymeleaf 使用

1
2
3
4
5
6
7
8
9
10
11
12
13
@ConfigurationProperties(
    prefix = "spring.thymeleaf"
)
public class ThymeleafProperties {
    private static final Charset DEFAULT_ENCODING;
    public static final String DEFAULT_PREFIX = "classpath:/templates/";
    public static final String DEFAULT_SUFFIX = ".html";
    private boolean checkTemplate = true;
    private boolean checkTemplateLocation = true;
    private String prefix = "classpath:/templates/";
    private String suffix = ".html";
    private String mode = "HTML";
    //

​ 只要我们把 HTML 页面的放在 classpath:/templates/, thymeleaf 就能自动渲染。

使用：

  1. 导入 thymeleaf 的名称空间
1
<html lang="en" xmlns:th="http://www.thymeleaf.org"></html>
  1. 使用 thymeleaf 语法
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body>
    <h1>success 测试成功</h1>
    <div th:text="${hello}"></div>
  </body>
</html>

③ 语法规则

  1. th:text： 改变当前元素里面的内容。

    th: 任意 html 属性；来替换原生的值。

image-20200830214256448

  1. 表达式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
Simple expression: (表达式语法)
	Variable Expressions:${...}: 获取变量值; OGNL;
				1)、获取对象的属性、调用方法
                2)、使用内置的基本对象：
                    # ctx: the context object.
                    #vars: the context variables.
					#locale : the context locale.
					#request : (only in Web Contexts) the HttpServletRequest object.
					#response : (only in Web Contexts) the HttpServletResponse object.
					#session : (only in Web Contexts) the HttpSession object.
					#servletContext : (only in Web Contexts) the ServletContext object.
                 ${session.foo}
				3)、内置的一些工具对象
     #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).

    Selection Variable Expressions: *{.....}： 选择表达式：和${}在功能上是一样;
		补充: 配合 th:object="${session.user}"
    <div th:object="${session.user}">
    <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
	<p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>
	<p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
	</div>

    Message Expressions: #{...}: 获取国际化内容
    Link URL Expressions: @{....}: 定义URL;
		@{/order/process(execId=${execId},execType='FAST')}
		Fragment Expressions: ~{...}：片段引用表达式
		<div th:insert="~{commons :: main}">...</div>
Literals(字面量)
    Text literals: 'one text' , 'Another one!
	Number literals: 0 , 34 , 3.0 , 12.3 ,…
	Boolean literals: true , false
	Null literal: null
	Literal tokens: one , sometext , main ,…
Text operations:（文本操作）
	String concatenation: +
	Literal substitutions: |The name is ${name}|
	Arithmetic operations:（数学运算）

	Binary operators: + , ‐ , * , / , %
	Minus sign (unary operator): ‐
Boolean operations:（布尔运算）
    Binary operators: and , or
	Boolean negation (unary operator): ! , not
Comparisons and equality:（比较运算）
	Comparators: > , < , >= , <= ( gt , lt , ge , le )
	Equality operators: == , != ( eq , ne )
Conditional operators:条件运算（三元运算符）
	If‐then: (if) ? (then)
	If‐then‐else: (if) ? (then) : (else)
	Default: (value) ?: (defaultvalue)
Special tokens:
	No‐Operation: _

3、SpringMVC 自动配置

​ 可以参考文档：https://docs.spring.io/spring-boot/docs/1.5.10.RELEASE/reference/htmlsingle/#boot-features-developingweb-applications

① Spring MVC auto-configuration

Spring Boot 自动配置好了 SpringMVC

以下是 SpringBoot 对 SpringMVC 的默认配置：==（WebMvcAutoConfiguration）==

  • Inclusion of ContentNegotiatingViewResolver and BeanNameViewResolver beans.

    • 自动配置 ViewResource(视图解析器：根据方法的返回值得视图对象的（View）, 视图对象决定如何渲染（转发？重定向？）)
    • ContextNegotiatingViewResolver: 组合所有的视图解析器的；
    • ==如何定制：我们可以给自己容器中添加一个视图解析器；自动的将其组合进来；==

  • Support for serving static resources, including support for WebJars (see below). 静态资源文件夹路径，webjars

  • Static index.html support。静态首页的访问

  • Custom Favicon support (see below). favicon.ico

  • 自动注册 of Converter , GenericConverter, Formatter bean

    • Converter: 转换器；public String hello(User user): 类型转换使用 Converter
    • Formatter 格式化器： 2020.8.29 == Date；
1
2
3
4
5
6
@Bean
@ConditionalOnProperty(prefix = "spring.mvc", name = "date‐format")//在文件中配置日期格
式化的规则
public Formatter<Date> dateFormatter() {
	return new DateFormatter(this.mvcProperties.getDateFormat());//日期格式化组件
}

==自己添加的格式化器转换器，我们只需要放在容器中即可==

  • Support for HttpMessageConverters (see below)

    • HttpMessageConverter: SpringMVC 用来转换 Http 请求和响应的 ：User—json；

    • HttpMessageConverters 是从容器中确定；获取所有的 HttpMessageConverter;

      给自己的容器中添加 HttpMessageConverter,只需要将自己的组件注册容器中（@Bean, @Component）

  • Automatic registration of MessageCodesResolver (see below). 定义错误的代码生成规则

  • Automatic use of a ConfigurableWebBindingInitializer bean (see below).

    ==我们可以配置一个 ConfigurableWebBindingInitialzer 来替换默认的：（添加到容器）==

1
2
初始化WebDataBinder；
请求数据=====JavaBean；

org.springframework.boot.autoconfigure.web 的所有的自动场景；

If you want to keep Spring Boot MVC features, and you just want to add additional ==MVC configuration==(interceptors, formatters, view controllers etc.) you can add your own @Configuration class of type WebMvcConfigurerAdapter , but without @EnableWebMvc . If you wish to provide custom instances of RequestMappingHandlerMapping , RequestMappingHandlerAdapter or ExceptionHandlerExceptionResolver you can declare a WebMvcRegistrationsAdapter instance providing such components.

If you want to take complete control of Spring MVC, you can add your own @Configuration annotated with @EnableWebMvc .

② 扩展 SpringMVC

1
2
3
4
5
6
7
<mvc:view-controller path="/hello" view-name="success"/>
<mvc:interceptors>
    <mvc:interceptor>
        <mvc:mapping path="/hello"/>
        <bean></bean>
    </mvc:interceptor>
</mvc:interceptors>

==编写一个配置类（@Configuration）,是 WebMvcConfigAdapter 类型；不能标注@EnableWebMVC==

既保留所有的自动配置，也能用我们扩展的配置；

注：WebMvcConfigurerAdapter该方法在 spring boot 2.0，Spring 5.0 之后，已经被废弃

1
2
3
4
5
6
7
8
9
10
// 使用WebMvcConfigurer可以来扩展SpringMVC的功能
@Configuration
public class MyMvcConfig implements WebMvcConfigurer{
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        // super.addViewControllers(registry);
        // 浏览器发送 /oy 请求到 success
        registry.addViewController("/oy").setViewName("success");
    }
}

测试：

image-20200901195255859

原理：

1. WebMvcAutoConfiguration是SpringMVC的自动配置类
  1. 在做其他的自动配置时会导入：@Import（EnableWebMvcConfiguration.class）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@Configuration
public static class EnableWebMvcConfiguration extends DelegatingWebMvcConfiguration {
	private final WebMvcConfigurerComposite configurers = new WebMvcConfigurerComposite();
	// 从容器中获取所有的WebmvcConfigurer
	@Autowired(required = false)
	public void setConfigurers(List<WebMvcConfigurer> configurers) {
		if (!CollectionUtils.isEmpty(configurers)) {
		this.configurers.addWebMvcConfigurers(configurers);
		//一个参考实现；将所有的WebMvcConfigurer相关配置都来一起调用；
	@Override
	// public void addViewControllers(ViewControllerRegistry registry) {
	// for (WebMvcConfigurer delegate : this.delegates) {
	// delegate.addViewControllers(registry);
	// }
}

  1. 容器中所有的 WebMvcConfigurer 都会一起起作用

  2. 我们的配置类也会被调用；

    效果：SpringMVC 的自动配置和我们的扩展配置都会起作用；

③、全面接管 SpringMVC；

SpringBoot 对 SpringMVC 的自动配置不需要了，所有都是我们自己配置；所有的 SpringMVC 的自动配置都失效了

我们需要在配置类中添加@EnableWebMvc 即可；

1
2
3
4
5
6
7
8
9
10
11
// 使用WebMvcConfigurer可以来扩展SpringMVC的功能
@Configuration
@EnableWebMvc
public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
       /* super.addViewControllers(registry);*/
        // 浏览器 /oy 请求来到 success
        registry.addViewController("/oy").setViewName("success");
    }
}

原理：（为什么@EnableWebMvc 自动配置就失效了）

  1. @EnableWebMvc 的核心
1
2
@Import(DelegatingWebMvcConfiguration.class)
public @interface EnableWebMvc {

2.

1
2
@Configuration
public class DelegatingWebMvcConfiguration extends WebMvcConfigurationSupport {

3.

1
2
3
4
5
6
7
8
@Configuration
@ConditionalOnWebApplication
@ConditionalOnClass({ Servlet.class, DispatcherServlet.class,WebMvcConfigurerAdapter.class })
//容器中没有这个组件的时候，这个自动配置类才生效
@ConditionalOnMissingBean(WebMvcConfigurationSupport.class)
@AutoConfigureOrder(Ordered.HIGHEST_PRECEDENCE + 10)
@AutoConfigureAfter({ DispatcherServletAutoConfiguration.class,ValidationAutoConfiguration.class })
public class WebMvcAutoConfiguration {
  1. @EnableWebMvc 将 WebMvcConfiguationSupport 组件导入进来
  2. 导入的 WebMvcConfiguration 只是 SpringMVC 最基本功能；

5、如何修改 SpringBoot 的默认设置

模式：

  1. SpringBoot 在自动配置很多组件的时候，先看容器中有没有自己配置的（@Bean、@Component）如果有就用户自己配置，如果没有，才自动配置和自己默认组合起来；
  2. 在 SpringBoot 中国会有非常多的 xxxConfigurer 帮助我们进行扩展配置
  3. 在 SpringBoot 中会有很多的 xxxCustomize 帮助我们进行定制配置

6、RestfulCRUD

配置 pom 配置文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
   <properties>
       <!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
       <springboot-thymeleaf.version>3.0.9.RELEASE</springboot-thymeleaf.version>
       <thymeleaf-layout-dialect.version>2.3.0</thymeleaf-layout-dialect.version>
</properties>
<!--配置thymeleaf模板-->
   <dependencies>
       <dependency>
               <groupId>org.springframework.boot</groupId>
               <artifactId>spring-boot-starter-thymeleaf</artifactId>
               <version>2.3.1.RELEASE</version>
       </dependency>
   </dependencies>

① 默认访问首页

​ 方式一：(不推荐)

1
2
3
4
5
// 在Controller中配置
	@RequestMapping({"/","/index.html"})
    public String index(){
        return "index";
    }

​ 方式二：(推荐)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 使用WebConfigurerAdapter可以来扩展SpringMVC的功能
// 使用@EnableWebMvc 不要接管SpringMVC
@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
//        super.addViewControllers(registry);
        //浏览器发送得 /oy 请求来到 success
        registry.addViewController("/oy").setViewName("success");
    }

    // 所有的webMvcConfigAdapter组件都会一起起作用
    @Bean // 将组件注册在容器
    public MyMvcConfig MyMvcConfig1(){
        MyMvcConfig config = new MyMvcConfig(){
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("login");
                registry.addViewController("/index.html").setViewName("login");
            }
        };
        return config;
    }
}

【application.properties】

1
server.servlet.context-path=/curd

测试：

image-20200901225537832

提前在 POM.xml 文件中引入 bootstrap 依赖（后面需要）

1
2
3
4
5
6
<!--引入bootstrap-->
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>4.0.0</version>
</dependency>

② 国际化

  1. 编写国际化配置文件：

    image-20200901232340132

    image-20200902212547250

  2. SpringBoot 自动配置好了管理国际化资源文件的组件（2.x 版本）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
@Bean
   @ConfigurationProperties(
       prefix = "spring.messages"
   )
   public MessageSourceProperties messageSourceProperties() {
       return new MessageSourceProperties();
   }

   @Bean
   public MessageSource messageSource(MessageSourceProperties properties) {
       ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
       if (StringUtils.hasText(properties.getBasename())) {
          // 设置国际化资源文件的基础名（去掉语言国家代码的） messageSource.setBasenames(StringUtils.commaDelimitedListToStringArray(StringUtils.trimAllWhitespace(properties.getBasename())));
       }

       if (properties.getEncoding() != null) {
           messageSource.setDefaultEncoding(properties.getEncoding().name());
       }

       messageSource.setFallbackToSystemLocale(properties.isFallbackToSystemLocale());
       Duration cacheDuration = properties.getCacheDuration();
       if (cacheDuration != null) {
           messageSource.setCacheMillis(cacheDuration.toMillis());
       }

       messageSource.setAlwaysUseMessageFormat(properties.isAlwaysUseMessageFormat());
       messageSource.setUseCodeAsDefaultMessage(properties.isUseCodeAsDefaultMessage());
       return messageSource;
   }

1.x 版本：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
@ConfigurationProperties(prefix = "spring.messages")
public class MessageSourceAutoConfiguration {
    /**
    * Comma‐separated list of basenames (essentially a fully‐qualified classpath
    * location), each following the ResourceBundle convention with relaxed support for
    * slash based locations. If it doesn't contain a package qualifier (such as
    * "org.mypackage"), it will be resolved from the classpath root.
    */
	private String basename = "messages";
	//我们的配置文件可以直接放在类路径下叫messages.properties；
	@Bean
	public MessageSource messageSource() {
	ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
	if (StringUtils.hasText(this.basename)) {
		//设置国际化资源文件的基础名（去掉语言国家代码的）
		messageSource.setBasenames(StringUtils.commaDelimitedListToStringArray(
		StringUtils.trimAllWhitespace(this.basename)));
	}
    if (this.encoding != null) {
		messageSource.setDefaultEncoding(this.encoding.name());
	}
   messageSource.setFallbackToSystemLocale(this.fallbackToSystemLocale);
	messageSource.setCacheSeconds(this.cacheSeconds);
	messageSource.setAlwaysUseMessageFormat(this.alwaysUseMessageFormat);
	return messageSource;
}
  1. 在application.properties 文件中配置：
1
2
#指定管理国际化资源文件
spring.messages.basename=i18n.login
  1. 去页面获取的国际化的值、
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Signin Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link
      href="asserts/css/bootstrap.min.css"
      th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}"
      rel="stylesheet"
    />
    <!-- Custom styles for this template -->
    <link
      href="asserts/css/signin.css"
      th:href="@{/asserts/css/signin.css}"
      rel="stylesheet"
    />
  </head>

  <body class="text-center">
    <form class="form-signin" action="dashboard.html">
      <img
        class="mb-4"
        src="asserts/img/bootstrap-solid.svg"
        th:src="@{/asserts/img/bootstrap-solid.svg}"
        alt=""
        width="72"
        height="72"
      />
      <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">
        Please sign in
      </h1>
      <label class="sr-only" th:text="#{login.username}">Username</label>
      <input
        type="text"
        class="form-control"
        placeholder="Username"
        th:placeholder="#{login.username}"
        required=""
        autofocus=""
      />
      <label class="sr-only" th:text="#{login.password}">Password</label>
      <input
        type="password"
        class="form-control"
        placeholder="Password"
        th:placeholder="#{login.password}"
        required=""
      />
      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" value="remember-me" /> [[#{login.remember}]]
        </label>
      </div>
      <button
        class="btn btn-lg btn-primary btn-block"
        type="submit"
        th:text="#{login.btn}"
      >
        Sign in
      </button>
      <p class="mt-5 mb-3 text-muted">© 2017-2018</p>
      <a class="btn btn-sm">中文</a>
      <a class="btn btn-sm">English</a>
    </form>
  </body>
</html>

测试：（更改浏览器语言）

image-20200902214353619

image-20200902214455966

原理：

国际化 Locale（区域信息对象）； LocaleResolver（获取区域信息对象）

1
2
3
4
5
6
7
8
9
10
11
12
13
@Bean
@ConditionalOnMissingBean
@ConditionalOnProperty(prefix = "spring.mvc", name = "locale")
public LocaleResolver localeResolver() {
	if (this.mvcProperties
		.getLocaleResolver() == WebMvcProperties.LocaleResolver.FIXED) {
		return new FixedLocaleResolver(this.mvcProperties.getLocale());
	}
    AcceptHeaderLocaleResolver localeResolver = new AcceptHeaderLocaleResolver();
	localeResolver.setDefaultLocale(this.mvcProperties.getLocale());
	return localeResolver;
}
默认的就是根据请求头带来的区域信息Localhost进行国际化
  1. 点击切换国际化

【MyLocaleResolver.calss】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 可以在连接上携带区域的信息
public class MyLocaleResolver implements LocaleResolver{
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
        String l = httpServletRequest.getParameter("l");
        Locale locale = Locale.getDefault();
        if(!StringUtils.isEmpty("_")){
            String[] split = l.split("_");
            locale = new Locale(split[0], split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

【MyMvcConfig.class】

1
2
3
4
@Bean
public LocaleResolver localeResolver(){
    return new MyLocaleResolver();
}

【login.html】

1
2
<a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
<a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>

③ 登录

开发期间模板的引擎页面修改以后，要实时生效

  1. 禁用模板引擎的缓存
1
2
# 禁用缓存
spring.thymeleaf.cache=false
  1. 页面修改完成完成以后 ctrl +f9 : 重新编译；

【MyLocaleResolver.class】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public class MyLocaleResolver implements LocaleResolver{
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {
        String l = httpServletRequest.getParameter("l");
        Locale locale = Locale.getDefault();
        if(!StringUtils.isEmpty(l)){
            String[] split = l.split("_");
            locale = new Locale(split[0], split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

【LonginController.class】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@Controller
public class LonginController {

    @PostMapping(value = "/user/login")
    public String login(@RequestParam("username") String username, @RequestParam("password") String passsword, Map<String , Object> map, HttpSession session){
        if(!StringUtils.isEmpty(username) && "123456".equals(passsword)){
            // 登陆成功，防止表单重复提交，可以重定向到主页
            session.setAttribute("loginUser",username);
            return "redirect:/main.html";
        }else{
            // 登录失败
            map.put("msg","用户名密码错误");
            return "login";
        }
    }
}

【MyMvcConfig.class】

1
2
3
4
5
6
7
8
9
10
11
12
@Bean
   public MyMvcConfig MyMvcConfig1(){
       MyMvcConfig config = new MyMvcConfig(){
           @Override
           public void addViewControllers(ViewControllerRegistry registry) {
               registry.addViewController("/").setViewName("login");
               registry.addViewController("/index.html").setViewName("login");
               registry.addViewController("/main.html").setViewName("dashboard");
           }
       };
       return config;
   }

登录错误提示消息

【login.html】

1
<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

image-20200903092842867

④ 拦截器进行登陆检查

拦截器：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
*@Description 登录检查
*@Author OY
*@Date 2020/9/3
*@Time 16:07
*/
public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        Object user = request.getSession().getAttribute("loginUser");
        if(user == null){
            // 未登入，返回登录界面
            request.setAttribute("msg","没有权限请先登陆");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else{
            // 以登录,放行请求
            return true;
        }

    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {

    }
}

注册拦截器：【MyMvcConfig.class】

注: 拦截器必须配置不拦截 css 样式，不然页面的 css 样式会失效

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// 所有的webMvcConfig组件都会一起起作用
    @Bean // 将组件注册在容器
    public MyMvcConfig MyMvcConfig1(){
        MyMvcConfig config = new MyMvcConfig(){
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                registry.addViewController("/").setViewName("login");
                registry.addViewController("/index.html").setViewName("login");
                registry.addViewController("/main.html").setViewName("dashboard");
            }

            // 注册拦截器
            @Override
            public void addInterceptors(InterceptorRegistry registry) {
                // 静态资源： *.css , *.js
                // SpringBoot已经做好了静态资源映射
/*                registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/")
                            .excludePathPatterns("/index.html","/","/user/login","/asset/**","/webjars/**");*/

                registry.addInterceptor(new LoginHandlerInterceptor()).addPathPatterns("/**")
                        .excludePathPatterns("/index.html",
                                "/",
                                "/user/login","/static/**", "/webjars/**");
//
            }
        };
        return config;
    }

⑤ CRUD-员工列表

实验要求：

  1. RestfulCURD: CURD 满足 Rest 风格；

URL：/ 资源名称 / 资源标识 HTTP 请求的方式区分对资源 CRUD 操作

普通 CURD(uri 来区分操作)RestfulCRUD
查询getEmpemp—GET
添加addEmp?xxxemp—POST
修改updateEmp?id=xxx&xxx=xxemp/{id}—PUT
删除deleteEmp?id=1emp/{id}—DELETE
  1. 实验的请求架构：
实验功能请求 URL请求方式
查询所有员工empsGET
查询某个员工(来到修改页面)emp/1GET
来到添加页面empGET
添加员工empsPOST
来到修改页面（查出员工进行信息回显）emp/1GET
修改员工empPUT
删除员工emp/1DELETE
  1. 员工列表

thymeleaf 公共页面元素的抽取

1、抽取公共片段

<div th:fragment=”copy”>
© 2011 The Good Thymes Virtual Grocery
</div>

2、引入公共片段

<div th:insert=”~{footer:: copy}”>