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. animate.css引入实现动画效果

    最近在网上看到很多代码都通过引入animate.css来实现动画效果,后来我便使用这种方法来尝试着写了个小案例,结果真的很好用,比我们通常情况下使用css或js实现动画效果好得多,便在此做个总结. 第 ...

  2. 用过的jQuery记录

    var list= $('input:radio[name="name"]:checked').val(); //选择input中单选name为“name”的并且是选中状态的 in ...

  3. <Android Framework 之路>Android5.1 Camera Framework（四）——框架总结

    前言 从之前的几篇文件,可以基本弄清楚 Camera从APK,经过framework的衔接,与HAL层进行交互,最终通过驱动完成Camera的一些动作. Camera层次分析 APP层 Framewo ...

  4. 安卓input框获取焦点时，底部按钮会顶上去的解决方法

    var h = document.body.scrollHeight;window.onresize = function(){ if (document.body.scrollHeight < ...

  5. ZBrush中如何清除画布中多余图像

    ZBrush是一款数字雕刻与绘画软件,它以强大的功能和直观的工作流程彻底改变了整个三维行业.它的简洁化.智能化和人性化的设计无不让众多用户所折服.刚接触它的用户可能会因为找不到相关命令或不熟悉而觉得它 ...

  6. Codeforces Round #499 (Div. 2) F. Mars rover_dfs_位运算

    题解: 首先,我们可以用 dfsdfsdfs 在 O(n)O(n)O(n) 的时间复杂度求出初始状态每个点的权值. 不难发现,一个叶子节点权值的取反会导致根节点的权值取反当且仅当从该叶子节点到根节点这 ...

  7. Pyhton二级操作题练习

    # 1.编写一个python程序,输入两个数,比较它们的大小并输出其中较大者. num1 = input('请输入数字X:') num2 = input('请输入数字Y:') if num1.isde ...

  8. Vue组件之作用域插槽

    写作用域插槽之前,先介绍一下Vue中的slot内容分发: 如果<child-component></child-component>标签之间没有插入那两个p标签的话,页面会显示 ...

  9. tensorflow的tf.train.Saver()模型保存与恢复

    将训练好的模型参数保存起来,以便以后进行验证或测试.tf里面提供模型保存的是tf.train.Saver()模块. 模型保存,先要创建一个Saver对象:如 saver=tf.train.Saver( ...

  10. PHP下的异步尝试四：PHP版的Promise

    PHP下的异步尝试系列 如果你还不太了解PHP下的生成器和协程,你可以根据下面目录翻阅 PHP下的异步尝试一:初识生成器 PHP下的异步尝试二:初识协程 PHP下的异步尝试三:协程的PHP版thunk ...