模板引擎之thymeleaf--简介与环境准备(一)

1.常见的模板引擎
前端后端未分离时代:最流行的前端模板如下,
常见的模板引擎分为:
jsp(最常见,也是最普遍,旧的那种);
beetl(国产的,听说性能效率也是最好的,远超其几个,官方是这样说的);
模板引擎之thymeleaf--简介与环境准备(一)_第1张图片
thymeleaf(springboot官方支持的"亲儿子"),
freemarker (暂时还没用过)
其他:前后端分离就会上手vue这样类似的前端框架了。
由于本次学习的主要目标是thymeleaf,所以会在接下来分享一些学习笔记
2.themeleaf简介
官方简介:
Thymeleaf is a modern server-side Java template engine for both web and standalone environments.

Thymeleaf’s main goal is to bring elegant natural templates to your development workflow — HTML that can be correctly displayed in browsers and also work as static prototypes, allowing for stronger collaboration in development teams.

With modules for Spring Framework, a host of integrations with your favourite tools, and the ability to plug in your own functionality, Thymeleaf is ideal for modern-day HTML5 JVM web development — although there is much more it can do.
译文:Thymeleaf是用于web和独立环境的现代服务器端Java模板引擎。
Thymeleaf的主要目标是将优雅的自然模板引入到您的开发工作流程中——HTML可以在浏览器中正确显示,也可以作为静态原型工作,允许在开发团队中进行更强的协作。
有了Spring Framework的模块、与您最喜欢的工具的大量集成,以及插入您自己的功能的能力,Thymeleaf是现代HTML5 JVM web开发的理想选择——尽管它可以做的还有很多。

简单说:仍然可以按照以前jsp那样返回页面,但是这个却可以单独离开后端运行页面。参照jsp模板:类似于jstl(jsp标准标签库),这个thymeleaf也有相对应的一套标签库。el表达式,可以使用但是el表达式所在的位置有一点区别。
3.准备与测试:
创建springboot项目
maven中加入依赖(包括springboot相关):
thymeleaf依赖:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

默认路径:
Spring Boot默认页面路径:src/main/resources/templates和src/main/view/templates。
1)templetes目录下创建一个index.html文件,注意thymeleaf对标签的要求比较严格,比如直接写
在一般的页面中是不会报错的,但是在thymeleaf中会报500错误,所以需要加上左斜杠,
这样才行。
2)创建controller
注: requestMapping中的是请求路径,返回的值某个视图文件的路径。由于默认路径,所以直接写index变回找到templates目录下的index.html文件
模板引擎之thymeleaf--简介与环境准备(一)_第2张图片创建htm普通文件,引入约束规范 在html标签中加入,变为thymeleaf文件:
模板引擎之thymeleaf--简介与环境准备(一)_第3张图片运行测试:
模板引擎之thymeleaf--简介与环境准备(一)_第4张图片
到此初步的环境就已经ok了,接下来开始学习其类似于jstl(jsp标准标签库)这样的标签。

你可能感兴趣的:(thymeleaf)