【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板

【SpringBoot系列01】初识SpringBoot

【SpringBoot系列02】SpringBoot之使用Thymeleaf视图模板

【SpringBoot系列03】SpringBoot之使用freemark视图模板

【SpringBoot系列04】SpringBoot之使用JPA完成简单的rest api

【SpringBoot系列05】SpringBoot之整合Mybatis

前言

Thymeleaf 是Java服务端的模板引擎,与传统的JSP不同,前者可以使用浏览器直接打开,因为可以忽略掉拓展属性,相当于打开原生页面,给前端人员也带来一定的便利。如果你已经厌倦了JSP+JSTL的组合,Thymeleaf或许是个不错的选择!

一、目标

使用thymeleaf视图模板,并且于SpringBoot进行整合。

二、实现

首先创建一个SpringBoot项目,添加如下依赖

 <dependencies>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter</artifactId>

        </dependency>



        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-test</artifactId>

            <scope>test</scope>

        </dependency>

        <!-- springboot web 依赖-->

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-web</artifactId>

        </dependency>

        <!-- thymeleaf 依赖-->

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

    </dependencies>

添加完依赖以后,就需要编写对应的Controllerview

resource目录下新建templates文件夹并且在该目录下新建文件index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>你好</h1>

    <h1 th:text="${name}">  </h1>

</body>

</html>

src/main/java/com/yukong/chapter目录下新建IndexController

@Controlle

public class IndexController {



    @GetMapping("/hello")

    public String hello(@RequestParam(defaultValue = "world", required = false) String name, Model model) {

        model.addAttribute("name", name);

        return "index";

    }



}

注意这里使用的是@Controller

然后在src/resource/application.yml配置一下thymeleaf相关配置

server:

  port: 8989

spring:

  thymeleaf:

    # 配置视图路径前缀

    prefix: classpath:/templates/

    # 配置视图路径后缀

    suffix: .html

    mode: html

    # 关闭缓存 修改视图 刷新浏览器就显示 开发阶段务必关闭缓存 (=false)

    cache: false

启动Chapter21Application.java并且访问http://localhost:8989/hello

结果如图:

image.png

再次访问http://localhost:8989/hello?name=yukong

结果如图

image.png

三、总结

此致我们SpringBoot整合thymeleaf就完毕了。

最后配套教程的代码全部在这里

github https://github.com/YuKongEr/SpringBoot-Study

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏电光石火

Sublime Text 快速格式化

HTML/CSS/JS 格式化插件:HTML/CSS/JS Prettify 安装过程: 在Sublime Text中,按下Ctrl+Shift+...

24360
来自专栏北京马哥教育

[来稿]pycharm快捷键、tips、常用设置及版本控制 制

在PyCharm安装目录 /opt/pycharm-3.4.1/help目录下可以找到ReferenceCard.pdf快捷键英文版说明 or 打开pychar...

56080
来自专栏北京马哥教育

最全整理 | 121个Ubuntu终端常用快捷键

Ubuntu中的许多操作在终端(Terminal)中十分的快捷,记住一些快捷键的操作更得心应手。在Ubuntu中打开终端的快捷键是Ctrl+Alt+T。其他的一...

367120
来自专栏一个爱瞎折腾的程序猿

ECharts的简单使用

下载页:http://echarts.baidu.com/download.html

31910
来自专栏前端杂谈

.vue文件在webstorm中es6语法报错解决方法

394120
来自专栏用户2442861的专栏

sublime text 配置php调试环境(快捷键)

2、在sublime text 2中 工具->编译系统->新建编译系统 添加如下代码:

25210
来自专栏林德熙的博客

win10 uwp 打包第三方字体到应用 UWP使用第三方字体

有时候我们会把一些特殊字体打包到软件,因为如果找不到我们的字体会变为默认,现在很多字体图标我们用得好,有时候我们的应用会用很漂亮的字体,需要我们自己打包,因为用...

30410
来自专栏DannyHoo的专栏

Xcode真机调试包的路径

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

24910
来自专栏生信宝典

CIRCOS圈图绘制 - circos安装

Circos是绘制圈图的神器,在http://circos.ca/images/页面有很多CIRCOS可视化的示例。 ? ? Circos可以在线使用,在线使用...

23580
来自专栏happyJared

IDEA快捷键拆解系列(一)

  本系列从最顶部的导航栏,以及周围、中间区域的快捷键提示开始讲起。在此之前,请记住非常重要的一个快捷键: Alt + 下划线那个符号。

12130

扫码关注云+社区

领取腾讯云代金券