如何使用layui模板引擎-创新互联

这篇文章将为大家详细讲解有关如何使用layui模板引擎，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

快速使用

与一般的字符拼接不同的是，laytpl 的模板可与数据分离，集中把逻辑处理放在 View 层，提升代码可维护性，尤其是针对大量模板渲染的情况。

layui.use('laytpl', function(){     var laytpl = layui.laytpl;//直接解析字符     laytpl('{{ d.name }}是一位公猿').render({          name: '贤心'          }, function(string){              console.log(string); //贤心是一位公猿        });      //你也可以采用下述同步写法，将 render 方法的回调函数剔除，可直接返回渲染好的字符      var string =  laytpl('{{ d.name }}是一位公猿').render({          name: '贤心'       });     console.log(string);       //贤心是一位公猿     //如果模板较大，你也可以采用数据的写法，这样会比较直观一些     laytpl([         '{{ d.name }}是一位公猿',         '其它字符 {{ d.content }}  其它字符'         ].join(''))      });

你也可以将模板存储在页面或其它任意位置：

//第一步：编写模版。你可以使用一个script标签存放模板，如：    
{{ d.title }}
    
{{#  layui.each(d.list, function(index, item){ }}       
          {{ item.modname }}          {{ item.alias }}：          {{ item.site || '' }}        
        {{#  }); }}{{#  if(d.list.length === 0){ }}无数据{{#  } }}
//第二步：建立视图。用于呈现渲染结果。