当前位置：首页 > 网站模板 > 正文内容

前端模板引擎的作用（前端模板引擎的作用是什么）

网站模板2年前 (2023-03-15)527

今天给各位分享前端模板引擎的作用的知识，其中也会对前端模板引擎的作用是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、在java中，什么是模版引擎?
2、Thymeleaf 模板引擎的使用
3、前端模板引擎与各种流行框架之间有什么区别？

在java中，什么是模版引擎?

模板引擎就是用于制作页面模板的。啥是模板？不就是做好模子，然后套入数据，就成一个产品了吗？模板引擎有很多，常用的有freemarker、velocity等。它们都有自己的语法，只为简化页面数据展示。只要你稍微了解一下freemarker，就能很好的理解什么是模板了。

Thymeleaf 模板引擎的使用

模板引擎和前端框架的区别是什么？

1.JSP、Velocity、Thymeleaf等这是模板引擎，Jquery、Vue等这是前端框架。so,它们不一样。

2.缓存模板结构，在数据层操du作完直接套用模板输出到客户端界面中，减少dom操作的异常、减少拼接html的痛苦、减少各浏览器下dom操作的延迟差异。这是模板引擎干的事情。

3.前端框架，提升开发效率，dom加载效率等。

为何选Thymeleaf,而抛弃了别的模板引擎比如JSP

1.SpringBoot默认整合Thymeleaf，不需要任何配置直接整合成功，打jar包发布不需要做任何配置。

2.Thymeleaf相对于其他的模板引擎（如：Freemaker、velocity），有强大的工具支持。

3.相对于Jsp页面，执行效率高。

记录一个错误，是SpringBoot 和thumeleaf版本冲突的问题，这里需要把上面的切换版本配置改改

错误： An attempt was made to call the method org.thymeleaf.spring5.SpringTemplateEngine.setRenderHiddenMarkersBeforeCheckboxes(Z)V but it does not exist. Its class, org.thymeleaf.spring5.SpringTemplateEngine, is available from the following locations...

写一个小的测试，在Controller中添加一个访问，并在template目录下写个success.html

使用，能够访问到页面内容就证明模板引擎配置ok了。

th:id=" {}"

....

可以看到，我们可以使用th：**的方式替换原有的html属性，其余更多参考thymeleaf的官方文档，c:forEach 遍历，c:set 生命变量，c:if判断，jsp:include 片段包含.....。还有一些表达式语法的说明 ${} 获取对象的属性，调用方法。

success.html

HelloController

简单的小例子，验证配置没有问题，更强大的功能在后续的复杂案例中再继续学习。