1. freemarker引擎的使用

　　如果你使用的是idea或者eclipse中安装了sts插件，那么在新建项目时就可以直接指定试图模板

　　如图：

　　勾选freeMarker，此时springboot项目中就会自动引入freemarker的依赖如下：

　　

 <dependency>

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

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

        </dependency>

如果不是idea且eclipse也没有插件，那么就需要手动添加这个依赖到pom文件中。

　　springboot存放模板和静态文件目录结构如下：

　　

　　templates中存放模板文件，static中存放一些静态文件，如图片，css,js等

　　templates在springboot中默认为模板根目录，static默认为静态文件根目录，所以我们在写路径的时候不用将这两个目录路径写到访问目录中。

　　不需要任何配置，只需要一个controller接口，就可以直接使用controller和模板直接进行交互，直接上代码

　　IndexController接口：

package com.wangx.boot.controller;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Map;

@Controller

@RequestMapping("/index")

public class IndexController {

    @RequestMapping("/index")

        public String hello(Map<String,Object> map){

            //传递数据到freemaker模板中

            map.put("name", "[Angel -- 守护天使]");

            return "index";

    }

}

　　freemarker模板文件的默认后缀名为ftl.

　　index.ftl

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"

      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>

    <title>Hello World!</title>

</head>

<body>

<p>

    <!--获取后台传过来的数据-->

    <p>${name}</p>

</p>

</body>

</html>

　　当请求返回index时，springboot会根据这个路径到templates目录下自动匹配这个模板引擎，这样就完成了后台到模板的整合和数据交互。

　　结果如下：

　　如果想要访问静态资源时，如图片，直接写上绝对路径<img src="/1.jpg">即可（注意在Controller方法返回值中尽量写相对路径，即不要带/，否则在linux环境下中可能会出错）。

2. thymeleaf

　　thymeleaf的使用与freemarker很相似，简单的使用只需要将示例1中的ftl改为html文件，取值方式改为thymeleaf即可，这里只展示thymeleaf的html代码，其他的代码跟freemarker一样，只是在创建项目时选择thymeleaf或在pom文件中添加thymeleaf依赖即可。

　　index.html：

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

    <title>Hello World!</title>

</head>

<body>

<p th:text="${name}">

<img src="1.jpg">

</p>

</body>

</html>

启动项目，访问http://localhost:8080/index/index，结果与1相同。

这里只是简单的展示怎么整合springboot和模板引擎的整合，模板引擎的具体使用方式请参照官网。

freemarker官方文档:https://freemarker.apache.org/docs/

thymeleaf：官方文档：https://www.thymeleaf.org/

在springboot官方推荐使用的是thymeleaf模板，因为现在的趋势都是前后端分离的架构，所以使用thymeleaf耦合性会更低。

SpringBoot学习笔记(4)----SpringBoot中freemarker、thymeleaf的使用的更多相关文章

  1. SpringBoot学习笔记(11)-----SpringBoot中使用rabbitmq,activemq消息队列和rest服务的调用

    1. activemq 首先引入依赖 pom.xml文件 <dependency> <groupId>org.springframework.boot</groupId& ...

  2. SpringBoot学习笔记(10)-----SpringBoot中使用Redis/Mongodb和缓存Ehcache缓存和redis缓存

    1. 使用Redis 在使用redis之前,首先要保证安装或有redis的服务器,接下就是引入redis依赖. pom.xml文件如下 <dependency> <groupId&g ...

  3. SpringBoot学习笔记(9)----SpringBoot中使用关系型数据库以及事务处理

    在实际的运用开发中,跟数据库之间的交互是必不可少的,SpringBoot也提供了两种跟数据库交互的方式. 1. 使用JdbcTemplate 在SpringBoot中提供了JdbcTemplate模板 ...

  4. SpringBoot学习笔记(6)----SpringBoot中使用Servlet,Filter,Listener的三种方式

    在一般的运用开发中Controller已经大部分都能够实现了,但是也不排除需要自己实现Servlet,Filter,Listener的方式,SpringBoot提供了三种实现方式. 1. 使用Bean ...

  5. SpringBoot学习笔记(5)----SpringBoot中异常处理的三种方法

    对于异常的处理,Spring Boot中提供默认的一个异常处理界面,如下图: 但是在实际的运用开发中,这样的页面显然是不友好的,Spring Boot也提供了自定义异常处理的方式,如下总结三种一场处理 ...

  6. springboot学习笔记-5 springboot整合shiro

    shiro是一个权限框架,具体的使用可以查看其官网 http://shiro.apache.org/  它提供了很方便的权限认证和登录的功能. 而springboot作为一个开源框架,必然提供了和sh ...

  7. SpringBoot学习笔记(6) SpringBoot数据缓存Cache [Guava和Redis实现]

    https://blog.csdn.net/a67474506/article/details/52608855 Spring定义了org.springframework.cache.CacheMan ...

  8. springboot学习笔记-6 springboot整合RabbitMQ

    一 RabbitMQ的介绍 RabbitMQ是消息中间件的一种,消息中间件即分布式系统中完成消息的发送和接收的基础软件.这些软件有很多,包括ActiveMQ(apache公司的),RocketMQ(阿 ...

  9. 【转】SpringBoot学习笔记(7) SpringBoot整合Dubbo(使用yml配置)

    http://blog.csdn.net/a67474506/article/details/61640548 Dubbo是什么东西我这里就不详细介绍了,自己可以去谷歌 SpringBoot整合Dub ...

随机推荐

  1. web开发必看：你的网站支持https吗？

    如果有一项技术可以让网站的访问速度更快.更安全.并且seo权重提升(百度除外),而且程序员不需要改代码就可以全站使用,最重要的是,不需要额外花钱,那有这么好的事情吗? HTTP通信协议是全球万维网ww ...

  2. this self指针

    this 和 self指针 为函数提供了运行上下问:为函数提供了当前对象的其实地址,方便函数的对对象的访问.

  3. 关于C++程序运行程序是出现的this application has requested the runtime to terminate it in an unusual way. 异常分析

    今天运行程序是出现了this application has requested the runtime  to terminate it in an unusual way. 的异常报告,以前也经常 ...

  4. 3ds Max制作欧式风格的墙壁路灯效果

    在这篇文章中,我将解释我创建我的形象元宵节的步骤.我只是在寻找一个很好的参考图像在互联网上的东西,我觉得我想要的模型,这个形象.我发现了一个巨大的灯笼形象,但在白天的图片拍摄.我想改变我的形象和显示的 ...

  5. Jmeter数据库测试

    Jmeter安装 Jmeter是纯java程序,所以在安装jmeter之前需要先安装JDK,并配置JDK路径,然后开始安装Jmeter. 进入Jmeter官网(https://jmeter.apach ...

  6. iproute2+tc notes

    iproute2+tc notes The iproute2+tc package allows access to the variety of neat new networking featur ...

  7. [AtCoder Grand Contest 024 Problem E]Sequence Growing Hard

    题目大意:考虑 N +1 个数组 {A0,A1,…,AN}.其中 Ai 的长度是 i,Ai 内的所有数字都在 1 到 K 之间. Ai−1 是 Ai 的子序列,即 Ai 删一个数字可以得到 Ai−1. ...

  8. h5性能优化，细节决定结果。

    介绍一些最近整理的优化细节.图片压缩什么的就不说了,这是优化必须做的.今天就说一下大家写代码时可以培养的优化的细节点. 不滥用float.不滥用web字体. Float在渲染时计算量比较大,并且会脱标 ...

  9. React和Vue中，是如何监听变量变化的

    React 中事件监听 本地调试React代码的方法 先将React代码下载到本地,进入项目文件夹后yarn build 利用create-react-app创建一个自己的项目 把react源码和自己 ...

  10. 【codeforces 505D】Mr. Kitayuta's Technology

    [题目链接]:http://codeforces.com/problemset/problem/505/D [题意] 让你构造一张有向图; n个点; 以及所要求的m对联通关系(xi,yi) 即要求这张 ...