js的模版引擎laytpl

最新推荐文章于 2023-05-13 09:15:49 发布

上官天夜

最新推荐文章于 2023-05-13 09:15:49 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： laytpl jsp模版 Javascript 软件编码>> Html js模版

本文链接：https://blog.youkuaiyun.com/zhangminemail/article/details/48339133

软件编码>> 同时被 3 个专栏收录

20 篇文章

订阅专栏

js模版

5 篇文章

订阅专栏

Javascript

3 篇文章

订阅专栏

本文介绍了layui模版引擎的基本语法及使用方法，包括模版标签的输出方式、JavaScript脚本的嵌入等，并提供了模版渲染的具体实例。此外还讲解了如何通过laytpl的核心函数进行模版初始化配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1）模版的语法

一、模版语法
输出一个普通字段，不转义html：   {{ d.field }}
输出一个普通字段，并转义html：   {{= d.field }}
JavaScript脚本： {{# JavaScript statement }}

二、内置方法
1)：laytpl(template);   //核心函数，返回一个对象
    
    var tpl = laytpl(template);
    tpl.render(data, callback);   //渲染方法，返回渲染结果，支持异步和同步两种模式
        a)：异步
        tpl.render(data, function(result){
            console.log(result);
        });
        
        b)：同步
        var result = tpl.render(data);
        console.log(result);

    
2)：laytpl.config(options); //初始化配置
    options是一个对象
    {open: '开始标签', close: '闭合标签'}
    
3)：laytpl.v    //获取版本号

2）模版渲染请参考官网http://sentsin.com/layui/laytpl/

用到的js库如下：laytpl.js、laytplLoadTemplate.js