SpringBoot（五）spring-boot-web-Thymeleaf

口袋里的小龙

已于 2022-07-16 12:11:34 修改

阅读量392

点赞数

分类专栏：【Springboot】文章标签： springboot

于 2018-06-20 13:09:30 首次发布

本文链接：https://blog.csdn.net/koudailidexiaolong/article/details/80744623

版权

【Springboot】专栏收录该内容

9 篇文章 0 订阅

订阅专栏

SpringBoot

第五章 spring-boot 与 thymeleaf 的整合使用

前言

Thymeleaf 官方网址：http://www.thymeleaf.org/http://www.thymeleaf.org

一、项目环境配置

mave配置文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.julongtech</groupId>
  <artifactId>SpringBoot-Thymeleaf</artifactId>
  <packaging>jar</packaging>
  <version>0.0.1-SNAPSHOT</version>
  <name>SpringBoot-Thymeleaf Maven Webapp</name>
  <url>http://maven.apache.org</url>
  
   <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.4.2.RELEASE</version>
    </parent>
     <properties>
        <java.version>1.7</java.version>
    </properties>
  
  <dependencies>
     <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <!-- hot swapping, disable cache for template, enable live reload -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <optional>true</optional>
        </dependency>

        <!-- Optional, for bootstrap -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>3.3.7</version>
        </dependency>

  </dependencies>
   <build>
    <finalName>SpringBoot-Thymeleaf</finalName>
        <plugins>
            <!-- Package as an executable jar/war -->
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

二、代码示例

springboot 启动类

package com.julongtech.action;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class SpringBootWebApplication {


    public static void main(String[] args) throws Exception {
        SpringApplication.run(SpringBootWebApplication.class, args);
    }
}

controller类

package com.julongtech.action;

import java.util.Map;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class WelcomeController {

	  // inject via application.properties
    @Value("${welcome.message:test}")
    private String message = "Hello World";

    @RequestMapping("/")
    public String welcome(Map<String, Object> model) {
        model.put("message", this.message);
        return "welcome";
    }
}

创建 application.properties文件

welcome.message: Hello, Spring Boot

三、前端页面

创建页面wolcome.html 在src/main/resources/ 下创建 templates文件夹，将页面放入此文件夹中

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Spring Boot Thymeleaf Hello World示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css"
    href="http://blog.163.com/xiao_long/webjars/bootstrap/3.3.7/css/bootstrap.min.css" />

<link rel="stylesheet" th:href="http://blog.163.com/xiao_long/@{/css/main.css}"
    href="http://blog.163.com/xiao_long/../../css/main.css" />

</head>
<body>

    <nav class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="http://blog.163.com/xiao_long/#">Spring Boot</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="http://blog.163.com/xiao_long/#">首页</a></li>
                    <li><a href="http://blog.163.com/xiao_long/#about">关于</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">

        <div class="starter-template">
            <h1>Spring Boot Web Thymeleaf示例</h1>
            <h2>
                <span th:text="'Message: ' + ${message}"></span>
            </h2>
        </div>

    </div>
    <!-- /.container -->

    <script type="text/javascript"
        src="http://blog.163.com/xiao_long/webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>
</html>

启动项目

  .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
 :: Spring Boot ::        (v1.4.2.RELEASE)

2017-08-22 16:04:10.871  INFO 2712 --- [  restartedMain] c.j.action.SpringBootWebApplication      : Starting SpringBootWebApplication on julong-841deb9b with PID 2712 (started by Administrator in D:\Workspaces\OWER\SpringBoot-Thymeleaf Maven Webapp)
2017-08-22 16:04:10.887  INFO 2712 --- [  restartedMain] c.j.action.SpringBootWebApplication      : No active profile set, falling back to default profiles: default
2017-08-22 16:04:11.168  INFO 2712 --- [  restartedMain] ationConfigEmbeddedWebApplicationContext : Refreshing org.springframework.boot.context.embedded.AnnotationConfigEmbeddedWebApplicationContext@830cbb: startup date [Tue Aug 22 16:04:11 CST 2017]; root of context hierarchy
2017-08-22 16:04:12.449  INFO 2712 --- [  restartedMain] s.b.c.e.t.TomcatEmbeddedServletContainer : Tomcat initialized with port(s): 8080 (http)
2017-08-22 16:04:12.480  INFO 2712 --- [  restartedMain] o.apache.catalina.core.StandardService   : Starting service Tomcat
2017-08-22 16:04:12.480  INFO 2712 --- [  restartedMain] org.apache.catalina.core.StandardEngine  : Starting Servlet Engine: Apache Tomcat/8.5.6
2017-08-22 16:04:12.527  INFO 2712 --- [ost-startStop-1] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring embedded WebApplicationContext
2017-08-22 16:04:12.527  INFO 2712 --- [ost-startStop-1] o.s.web.context.ContextLoader            : Root WebApplicationContext: initialization completed in 1359 ms
2017-08-22 16:04:12.715  INFO 2712 --- [ost-startStop-1] o.s.b.w.servlet.ServletRegistrationBean  : Mapping servlet: 'dispatcherServlet' to [/]
2017-08-22 16:04:12.715  INFO 2712 --- [ost-startStop-1] o.s.b.w.servlet.FilterRegistrationBean   : Mapping filter: 'characterEncodingFilter' to: [/*]
2017-08-22 16:04:12.715  INFO 2712 --- [ost-startStop-1] o.s.b.w.servlet.FilterRegistrationBean   : Mapping filter: 'hiddenHttpMethodFilter' to: [/*]
2017-08-22 16:04:12.715  INFO 2712 --- [ost-startStop-1] o.s.b.w.servlet.FilterRegistrationBean   : Mapping filter: 'httpPutFormContentFilter' to: [/*]
2017-08-22 16:04:12.715  INFO 2712 --- [ost-startStop-1] o.s.b.w.servlet.FilterRegistrationBean   : Mapping filter: 'requestContextFilter' to: [/*]
2017-08-22 16:04:12.980  INFO 2712 --- [  restartedMain] s.w.s.m.m.a.RequestMappingHandlerAdapter : Looking for @ControllerAdvice: org.springframework.boot.context.embedded.AnnotationConfigEmbeddedWebApplicationContext@830cbb: startup date [Tue Aug 22 16:04:11 CST 2017]; root of context hierarchy
2017-08-22 16:04:13.027  INFO 2712 --- [  restartedMain] s.w.s.m.m.a.RequestMappingHandlerMapping : Mapped "{[/]}" onto public java.lang.String com.julongtech.action.WelcomeController.welcome(java.util.Map<java.lang.String, java.lang.Object>)
2017-08-22 16:04:13.043  INFO 2712 --- [  restartedMain] s.w.s.m.m.a.RequestMappingHandlerMapping : Mapped "{[/error],produces=[text/html]}" onto public org.springframework.web.servlet.ModelAndView org.springframework.boot.autoconfigure.web.BasicErrorController.errorHtml(javax.servlet.http.HttpServletRequest,javax.servlet.http.HttpServletResponse)
2017-08-22 16:04:13.043  INFO 2712 --- [  restartedMain] s.w.s.m.m.a.RequestMappingHandlerMapping : Mapped "{[/error]}" onto public org.springframework.http.ResponseEntity<java.util.Map<java.lang.String, java.lang.Object>> org.springframework.boot.autoconfigure.web.BasicErrorController.error(javax.servlet.http.HttpServletRequest)
2017-08-22 16:04:13.058  INFO 2712 --- [  restartedMain] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/webjars/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]
2017-08-22 16:04:13.058  INFO 2712 --- [  restartedMain] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]
2017-08-22 16:04:13.090  INFO 2712 --- [  restartedMain] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/**/favicon.ico] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]
2017-08-22 16:04:13.605  INFO 2712 --- [  restartedMain] o.s.b.d.a.OptionalLiveReloadServer       : LiveReload server is running on port 35729
2017-08-22 16:04:13.652  INFO 2712 --- [  restartedMain] o.s.j.e.a.AnnotationMBeanExporter        : Registering beans for JMX exposure on startup
2017-08-22 16:04:13.715  INFO 2712 --- [  restartedMain] s.b.c.e.t.TomcatEmbeddedServletContainer : Tomcat started on port(s): 8080 (http)
2017-08-22 16:04:13.715  INFO 2712 --- [  restartedMain] c.j.action.SpringBootWebApplication      : Started SpringBootWebApplication in 3.266 seconds (JVM running for 3.547)
2017-08-22 16:07:27.469  INFO 2712 --- [nio-8080-exec-1] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring FrameworkServlet 'dispatcherServlet'
2017-08-22 16:07:27.469  INFO 2712 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : FrameworkServlet 'dispatcherServlet': initialization started
2017-08-22 16:07:27.500  INFO 2712 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : FrameworkServlet 'dispatcherServlet': initialization completed in 31 ms

打开浏览器 http://localhost:8080/就会看到主界面