thymeleaf的手动渲染HTML模板

长河 2018-11-14 11:18:10  6833  收藏 2
分类专栏： Springboot

现在很多公司都在thymeleaf作为前端的显示,但是刚看了一份博客,现在还有人在不断的诟病thymeleaf的性能问题,然后听说了一个超级牛逼的叫beetl.其实就是下面这个博客

https://my.oschina.net/xiandafu/blog/1505526?p=4

,然后看了看这个Beetl的东西,感觉确实很牛逼啊,但是不在今天的博客范围内,以后有机会可以试试,为什么我不写freemaker,因为我觉得语法太恶心,想当年,唉,真是往事不堪回首啊,我现在还觉得freemaker的语法恶心.....

言归正传:下面我们来手动渲染一段html代码和一个html页面

添加依赖:

  1.  
    <!-- Thymeleaf 模板引擎 -->
  2.  
    <dependency>
  3.  
    <groupId>org.thymeleaf</groupId>
  4.  
    <artifactId>thymeleaf</artifactId>
  5.  
    <version>3.0.9.RELEASE</version>
  6.  
    </dependency>

1.封装一个渲染的工具类:

  1.  
    import org.thymeleaf.TemplateEngine;
  2.  
    import org.thymeleaf.context.Context;
  3.  
    import java.util.Map;
  4.  
     
  5.  
    /**
  6.  
    * @author zk
  7.  
    * @Description:
  8.  
    * @date 2018-11-14 10:34
  9.  
    */
  10.  
    public class HTMLTemplateUtils {
  11.  
     
  12.  
    private final static TemplateEngine engine=new TemplateEngine();
  13.  
     
  14.  
    /**
  15.  
    * 使用 Thymeleaf 渲染 HTML
  16.  
    * @param template HTML模板
  17.  
    * @param params 参数
  18.  
    * @return 渲染后的HTML
  19.  
    */
  20.  
    public static String render(String template,Map<String,Object> params){
  21.  
    Context context = new Context();
  22.  
    context.setVariables(params);
  23.  
    return engine.process(template,context);
  24.  
    }
  25.  
     
  26.  
    }

2.测试:

  1.  
    public class Test {
  2.  
    public static void main(String[] args) {
  3.  
     
  4.  
    String template = "<p th:text='${title}'></p>";
  5.  
    HashMap<String, Object> map = new HashMap<>();
  6.  
    map.put("title","hello world");
  7.  
    String render = HTMLTemplateUtils.render(template, map);
  8.  
    System.out.println("渲染之后的字符串是:"+render);
  9.  
     
  10.  
    }
  11.  
    }

这里运行后会输出:渲染之后的字符串是:<p>hello world</p>

达到了我们想要的渲染的效果,其实就是一个字符串的替换.....

下面我们渲染一个html文件.准备一个 example.html  放在resources下面

  1.  
    <!DOCTYPE html>
  2.  
    <html lang="en">
  3.  
    <head>
  4.  
    <meta charset="UTF-8">
  5.  
    <title>Title</title>
  6.  
    </head>
  7.  
    <body>
  8.  
    <h1 th:text="${name}">列表名称</h1>
  9.  
    <ul>
  10.  
    <li th:each="item: ${array}" th:text="${item}">条目</li>
  11.  
    </ul>
  12.  
    </body>
  13.  
    </html>

写一个测试的类:

  1.  
    public class HTMLTest2 {
  2.  
     
  3.  
    public static void main(String[] args) throws IOException {
  4.  
    ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
  5.  
    //模板所在目录，相对于当前classloader的classpath。
  6.  
    resolver.setPrefix("");
  7.  
    //模板文件后缀
  8.  
    resolver.setSuffix(".html");
  9.  
    TemplateEngine engine = new TemplateEngine();
  10.  
    engine.setTemplateResolver(resolver);
  11.  
     
  12.  
    //构造上下文(Model)
  13.  
    Context context = new Context();
  14.  
    context.setVariable("name", "三国人物");
  15.  
    context.setVariable("array", new String[]{"曹操", "刘备", "孙权", "汉献帝"});
  16.  
     
  17.  
    //渲染模板
  18.  
    FileWriter writer = new FileWriter("result.html");
  19.  
    engine.process("example",context,writer);
  20.  
     
  21.  
    //这个example.html 放在resources 下面.这样机会生成一个result.html文件,结果都已经放进去了.
  22.  
     
  23.  
     
  24.  
    }
  25.  
    }

我们这里把渲染后的结果到result.html 中

运行程序就会生成一个result.html 内容是:

  1.  
    <!DOCTYPE html>
  2.  
    <html lang="en">
  3.  
    <head>
  4.  
    <meta charset="UTF-8">
  5.  
    <title>Title</title>
  6.  
    </head>
  7.  
    <body>
  8.  
    <h1>三国人物</h1>
  9.  
    <ul>
  10.  
    <li>曹操</li>
  11.  
    <li>刘备</li>
  12.  
    <li>孙权</li>
  13.  
    <li>汉献帝</li>
  14.  
    </ul>
  15.  
    </body>
  16.  
    </html>

也可以手动的渲染web请求来的,下次咱们再补充上来.敬请期待

其实渲染最后都是调用的这个方法:

/**

 * org.thymeleaf.templateparser.ITemplateParser#parseStandalone(org.thymeleaf.IEngineConfiguration, java.lang.String, java.lang.String, java.util.Set, org.thymeleaf.templateresource.ITemplateResource, org.thymeleaf.templatemode.TemplateMode, boolean, org.thymeleaf.engine.ITemplateHandler)

 */

thymeleaf的手动渲染HTML模板的更多相关文章

  1. springboot整合thymeleaf手动渲染

    Thymeleaf手动渲染 为提高页面访问速度,可缓存html页面,客户端请求从缓存获取,获取不到再手动渲染 在spring4下 @Autowired ThymeleafViewResolver th ...

  2. Thymeleaf+SpringMVC，如何从模板中获取数据

    Thymeleaf+SpringMVC,如何从模板中获取数据 在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对 ...

  3. node 渲染html模板配置

    node 渲染html模板配置 安装swig模块 npm install swig--save - dev 加载swig模块 var swig = require('swig'); 模板配置 //第一 ...

  4. Thymeleaf+SpringMVC，如何从模板中获取数据（转）

    在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对视图进行完全的抽象,在使用Thymeleaf的情况下,它将是一 ...

  5. 【Thymeleaf】浅谈Java模板引擎(带更新...)

    什么是模板引擎 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档. 为什么要用模板 ...

  6. Django初探（模板渲染、模板语音、simple_tag、母版子版、静态配置文件）

    一.首先我们用PyCharm来创建一个Django项目 终端命令:django-admin startproject sitename 图形创建:   这样一个Django项目就创建完成了,上面可以看 ...

  7. Django学习笔记之模板渲染、模板语言、simple_tag、母版子版、静态配置文件

    一.首先我们用PyCharm来创建一个Django项目 终端命令:django-admin startproject sitename 图形创建:   这样一个Django项目就创建完成了,上面可以看 ...

  8. 手动开发PHP模板引擎 一 （35）

    模板叫做TPL,模仿于smarty模板引擎. 我们所说的模板是Web模板,是主要由HTML标记组成的语言来编写的页面,但也有如何表示包含动态生成内容的方式(解析标签).模板引擎是一种软件库,允许我们从 ...

  9. layui表格渲染中模板的使用举例

    实例一: { field: 'status', align: 'center', title: '活动状态', templet: function (d) { if (d.status == &quo ...

  10. （八）Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级

    3.7 模板布局 模板名称:layout.html 3.7.1 th:fragment e.g.模板名为footer.html页面body部分如下: <body> <div th:f ...

随机推荐

  1. 禁用SAP Hana错误密码锁定用户功能

    背景 公司项目适配多种数据库其中包含SAP Hana,由于有同事的数据库连接工具保存了某个在用的数据库的旧密码,导致时不时会被锁用户.通过查询官方文档已解决,这里统一记录一下. 禁用密码锁定方法 以下 ...

  2. 关于IMultiValueConverter的使用

    在前端向后端传递数据的过程中,因为涉及多个属性的调用,将数据绑定到CommandParameter,采用了多值转换器进行数据传递. class MultiBindingConverter : IMul ...

  3. 问题解决：windows主机开机不插屏幕不能自动进入桌面

    操作系统一般都有这种设定,不论是windows还是Linux系统,那就是主机开机不插屏幕不能自动进入桌面操作系统一般都有这种设定,不论是windows还是Linux系统,那就是主机开机不插屏幕不能自动 ...

  4. 1.猿人学web爬虫攻防第一题 js混淆源码乱码

    题目链接:http://match.yuanrenxue.com/match/1 1.首先我们打开F12开发者工具,点击..... 我们可以看到在请求中有m的加密参数! 2.根据题目js混淆,我们寻找 ...

  5. NATS: 请求-响应消息

    请求-回复消息 https://docs.nats.io/nats-concepts/core-nats/reqreply 请求-回复 在分布式系统中,请求-回复是一种常见的模式.发送请求之后,应用程 ...

  6. 【转载】Apache Doris、DorisDB傻傻分不清。。。

    https://www.sohu.com/a/488816742_827544   相信这两天很多社区小伙伴都看到 StarRocks 所谓"开源"的动态了,开源用户群里有很多小伙 ...

  7. 【FAQ】HarmonyOS SDK 闭源开放能力 — Vision Kit（2）

    1.问题描述: 人脸活体检测返回上一页App由沉浸式变为非沉浸式多了上下安全区域. 解决方案: 检测结束后需要自己去设置沉浸式配置. 2.问题描述: Vision Kit文字识别是本地识别,还是上传至 ...

  8. WxPython跨平台开发框架之图标选择界面

    在使用 wxPython 开发跨平台桌面应用程序时,创建一个图标选择界面通常用于让用户从图标资源库中选择图标,我们可以把图标分为自定义的图标资源和系统的图标资源两大类,最终我们把它们整合一起使用,在框 ...

  9. 记录一个uniapp写的小程序的手写板，横屏，用于签名，也可竖屏

    今天需要在小程序增加一个手写板的功能,但是得横向的手写纵向的保存,直接上代码,竖屏的时候不需要旋转图片 <template> <view class="wrapper&qu ...

  10. Harbor 共享后端高可用

    1. 主机配置 主机地址 主机配置 主机角色 软件版本 192.168.1.60 CPU:4C MEM:4GB Disk: 100GB Harbor+Keepalived Harbor 2.1.3 K ...