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. 微信小程序手机号登录

    import { wxPhoneLogin, getPhoneNumber } from '../login' // 后端接口 // 服务端接口 - 获取openid function queryOp ...

  2. uni-app开发的app版本更新

    标签: uni-app 版本更新 前情 uni-app是我很喜欢的跨平台框架,它能开发小程序,H5,APP(安卓/iOS),对前端开发很友好,自带的IDE让开发体验也很棒,公司项目就是主推uni-ap ...

  3. vs2017 opencv 编译错误 error C2665: “exp”: 3 个重载中没有一个可以转换所有参数类型

    编译错误 - error C2665: "exp": 3 个重载中没有一个可以转换所有参数类型,在GenericPacketMath.h文件, 是因为使用了Eigen3.4库,只要 ...

  4. DDPM论文解读

    DDPM(Denoising Diffusion Probabilistic Models) 论文研究背景 扩散概率模型(Denoising Diffusion Probabilistic Model ...

  5. 4.mysql中的存储过程

    创建存储过程和函数 CREATE [DEFINER = {USER | CURRENT_USER}] # 定义者是谁 PROCEDURE sp_name ([proc_parameter[,...]] ...

  6. Microsoft.Extensions.ServiceDiscovery 的 Consul 实现

    GitHub地址:https://github.com/vipwan/Biwen.Microsoft.Extensions.ServiceDiscovery.Consul 使用方式 添加 NuGet ...

  7. 【数据结构】【折半查找法】【二分查找法】Java代码

    public class half { public static int find(int[] nums,int num){ int max=nums.length-1; int min=0; in ...

  8. Markdown转Beamer

    技术背景 在早期我写过一些文章介绍用RMarkdown写Beamer,还有相应的TinyTex配置.后来Xie Yihui大神发文离开了RMarkdown核心团队,想来中文社区的支持力度和活跃度可能会 ...

  9. Qt编写安防视频监控系统55-布局方案

    一.前言 这是近期对视频监控系统做得最大的改动,采用了QMainWindow停靠窗体悬停窗体,极大的增强了拓展性,主界面中的各种小模块全部采用了悬停模块,最后不同的工作模式.不同的运行状态(全屏状态. ...

  10. [转]基于图像的三维模型重建4——增量SFM

    内容 几种BA的形式 同时优化相机和三维点 优化相机 只优化三维点 单目相机 增量运动恢复结构(Incremental SFM) 运动恢复结构的几个问题 几种BA的形式 数学模型 n个三维点和m个相机 ...