SpringBoot学习笔记(4)----SpringBoot中freemarker、thymeleaf的使用
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的使用
转载于:https://www.cnblogs.com/xiaoshen666/p/10843930.html
SpringBoot学习笔记(4)----SpringBoot中freemarker、thymeleaf的使用相关推荐
- 【Springboot学习笔记】SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法
[Springboot学习笔记]SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法 目录 1.搭建环境 1.1直接从网上下载SpringB ...
- SpringBoot学习笔记(9)----SpringBoot中使用关系型数据库以及事务处理
在实际的运用开发中,跟数据库之间的交互是必不可少的,SpringBoot也提供了两种跟数据库交互的方式. 1. 使用JdbcTemplate 在SpringBoot中提供了JdbcTemplate模板 ...
- SpringBoot学习笔记(16)----SpringBoot整合Swagger2
Swagger 是一个规范和完整的框架,用于生成,描述,调用和可视化RESTful风格的web服务 http://swagger.io Springfox的前身是swagger-springmvc,是 ...
- springboot学习笔记-5 springboot整合shiro
shiro是一个权限框架,具体的使用可以查看其官网 http://shiro.apache.org/ 它提供了很方便的权限认证和登录的功能. 而springboot作为一个开源框架,必然提供了和sh ...
- SpringBoot 学习笔记
SpringBoot 学习笔记 文章目录 SpringBoot 学习笔记 1. SpringBoot简介 1.1 什么是Spring 1.2 Spring 是如何简化Java开发的 1.3 什么是 S ...
- SpringBoot学习笔记【part12】Web开发——Thymeleaf模板引擎
SpringBoot 学习笔记 Part12 1. thymeleaf简介 SpringBoot默认不支持 JSP,需要引入第三方模板引擎技术实现页面渲染. Thymeleaf is a modern ...
- SpringBoot(学习笔记)
SpringBoot学习笔记 从今天开始就进入微服务阶段 一些小问题 1.HelloWorld 1.1回顾什么是Spring 1.2什么是SpringBoot 1.3微服务架构 2.第一个Spring ...
- Springboot学习笔记(二)Web开发
前言: 学习B站UP主狂神说视频笔记整理视频链接 狂神笔记链接 上篇笔记链接-Springboot学习笔记(一)快速上手 Web开发 静态资源 在以往的SpringMVC中所有静态资源或者页面应该放在 ...
- SpringBoot学习笔记(3):静态资源处理
SpringBoot学习笔记(3):静态资源处理 在web开发中,静态资源的访问是必不可少的,如:Html.图片.js.css 等资源的访问. Spring Boot 对静态资源访问提供了很好的支持, ...
最新文章
- 网络游戏性能测试的几点想法
- BeagleBone Black Industrial 进阶设置(性能优化以及延长板载eMMC存储寿命)
- 今天JKS挂了,记录一下手动发云机上流程
- htmlparser新建tag类(以iframe标签为例)
- C++设计模式实例图解
- java 打开jsp文件_jsp文件怎么打开(java-web中jsp的理解)
- Java虚拟机学习集锦是我攒来的,看这篇文章准没错!
- ATK插件化开发:AtkPlug,AtkSocket
- python 随机数抽奖系统_python实现的简单抽奖系统实例
- virtualenv虚拟独立python环境使用
- tensorflow之安装tensorboard
- Vdbench工具安装使用
- 在Windows 10上重置忘记密码的4种方法
- mongdb 鉴权失败,添加用户数据失败
- pb中操作excel表格函数
- ARKit之路-ARKit概述之一
- 关于daemonize()
- mysql eva模型_1.初识mysql
- python使用大漠插件教程_python调用大漠插件教程05字库
- python3中正确代码报红显示Indent expected
热门文章
- ARMS企业级场景被集成场景介绍
- Serverless:这真的是未来吗?(一)
- 云话题 | 5G消息是什么?
- c++11新特性_c++11新特性(四)
- 5年,14款近满分神作,这个独立团队打造了他们的游戏宇宙
- The world at your fingertips — 天涯明月刀幕后24(疏离)
- Java中数组的地址问题(hashCode解析):
- 一个回滚段收缩的实例
- EF Core 生成数据库
- MySql cmd下的学习笔记 —— 有关建立数据库的操作(连接Mysql,建立数据库,删除数据库等等)...