1.Thymeleaf 2.FreeMaker 3.Enjoy 4.Velocity 5.JSP

缺乏、安全感 2022-09-02 03:41 361阅读 0赞

**目录**

1.Thymeleaf

2.FreeMaker

3.Enjoy

4.Velocity

5.JSP

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70][]

**几个常见的模板引擎分析：**

# **　　1.Thymeleaf** #

**特性**：

1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

2.Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

3. Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

(目前主流的模板引擎之一，Spring Boot推荐)

**优点**：语法简洁，功能强大。

**缺点**：性能差。

**使用**(SpringBoot+IDEA)：

直接在pom文件中引入如下依赖

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

导进相关依赖后

![8790655c4485c1a9c7a17e79934ebe0b.png][]

然后只要将html文件放入classpath:templates文件下，thymeleaf就能自动完成渲染(例如控制器中返回的字符串会直接到该文件夹中找到对应的页面)

![5f7224f64ed163d8e45e6b92e4f8b012.png][]

导入Thymeleaf命名空间：在html文件中添加如下代码

**语法：**

**　　　　　　**获取变量的值$\{...\}

链接@\{...\}

文本替换th:text=$\{...\}　　（这里可以替换id值，class值以及内容等）

判断语句th:if　　th:unless　　th:switch等

遍历th:each

......可参考下图，如果需要了解更多可以查看对应的API文档

![d1b8e0ed3c1ec40748ac383ce5270c03.png][]

# **　　2.FreeMaker** #

**　　　　特性：**

**　　　　　　**在所有采用网页静态化手段的网站中，FreeMarker使用的比例大大的超过了其他的一些技术。HTML静态化也是某些缓存策略使用的手段，对于系统中频繁使用数据库查询但是内容更新很小的应用，可以使用FreeMarker将HTML静态化。比如一些网站的公用设置信息，这些信息基本都是可以通过后台来管理并存储在数据库中，这些信息其实会大量的被前台程序调用，每一次调用都会去查询一次数据库，但是这些信息的更新频率又会很小，因此也可以考虑将这部分内容进行后台更新的时候进行静态化，这样就避免了大量的数据库访问请求，提高了网站的性能。

(目前主流的模板引擎之一)

**优点：**

**　　　　　　**FreeMarker的一个优点在于不能轻易突破模板语言开始编写Java代码，因此降低了领域逻辑漏进视图层的危险几率，也提高了网站的性能。

**缺点：**

需要一点附加配置来将其平稳地集成到应用程序中，一些IDE可能并不完全支持它，当然还有开发者或设计者也许需要学习一门陌生的模板语言。

**使用**：

导入相关依赖

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

在配置文件中添加FreeMaker的配置如下后就可以使用了

#       设定ftl文件路径
    spring.freemarker.tempalte-loader-path=classpath:/templates
    #        关闭缓存，及时刷新
    spring.freemarker.cache=false
    spring.freemarker.charset=UTF-8
    spring.freemarker.check-template-location=true
    spring.freemarker.content-type=text/html
    spring.freemarker.expose-request-attributes=true
    spring.freemarker.expose-session-attributes=true
    spring.freemarker.request-context-attribute=request
    #设置FreeMaker文件的后缀
    spring.freemarker.suffix=.ftl

**语法**：可以参考API文档

# **　　3.Enjoy** #

**　　　　特性**：

Enjoy 是基于 Java 语言的极轻量极模板引擎且不依赖任何第三方。极简设计仅 if、for、switch、set、define、include、render 七个核心指令，让学习成本低到极致。独创 DKFF(Dynamic Key Feature Forward) 词法分析算法与 DLRD (Double Layer Recursive Descent)语法分析算法，避免使用 javacc、antlr、jflex 生成器，令代码量少到极致。

**优点**：功能强大，扩展性强，与Java非常契合，学习成本低，轻量级等。

**缺点**：

**使用和语法**：本人暂未使用，可参考https://www.jfinal.com/doc如下图所示

![400863b6172c7bacbb77f535b91a4403.png][]

# **　　4.Velocity** #

**　　　　特性：**Velocity是一个基于Java的模板引擎。它允许任何人使用简单但功能强大的模板语言来引用Java代码中定义的对象。

**优点**：使用了模板缓冲，在模板缓冲机制的作用下，模板不再是每次出现请求的时候从磁盘读取，而是以最理想的方式在内存中保存和解析。在开发期间，模板缓冲通常处于禁用状态，因为这时请求数量较少，而且要求对页面的修改立即产生效果。开发完毕之后，模板一般不再改变，此时就可以启用模板缓冲功能。因此Velocity执行速度明显优于JSP。

**缺点**：不是官方标准 用户群体和，第三方标签库较少且对JSP标签支持不够好。

**使用**：本人尚未使用过，可以参考官方文档。

# **　　5.JSP** #

虽然是一款功能比较强大的模板引擎，并被广大开发者熟悉，但它前后端耦合比较高。比如说前端的html页面还要手动修改成jsp页面，大大加重了工作量，而且动态和静态资源也是耦合性太高。

其次是JSP页面的效率没有HTML高，因为JSP是同步加载。而且JSP需要tomcat，但又不支持nginx等，已经跟不上时代的潮流。

综上：目前开发中已经很少用JSP了，只是我们很多时候会在碰到一些以前的框架里有用到JSP技术，但是技多不压身，推荐还是学一下(如果工作不需要，可以不学)。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70]: /images/20220829/a340ae0bbcee4f7fbd7c7d265b544667.png
[8790655c4485c1a9c7a17e79934ebe0b.png]: /images/20220829/aa2edae811a14214821b51078e0e165d.png
[5f7224f64ed163d8e45e6b92e4f8b012.png]: /images/20220829/bf429eb2a50b44299991b715c2d70389.png
[d1b8e0ed3c1ec40748ac383ce5270c03.png]: /images/20220829/442a89c29d7e40e6ba16bc3bb2540f6e.png
[400863b6172c7bacbb77f535b91a4403.png]: /images/20220829/6a11fd9864a34555bb6e22ad6900564e.png