美文网首页
百度模板引擎(baiduTemplate)

百度模板引擎(baiduTemplate)

作者: 宁宁nn | 来源:发表于2016-11-09 00:15 被阅读0次

baiduTemplate希望创造一个用户觉得“简单好用”的JS模板引擎

应用场景:前端使用的模板系统   或者  后端javascript环境发布页面

功能概述:提供一套模板语法,用户可以写一个模板区域,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。

特性:语法简单,学习成本低,开发效率低,性价比较高(使用的是javascript原生语法),功能强大,如分隔符可以自定义多种功能。

首先肯定的要引入js代码吧!

模板:

<script id="user=list" type="text/html">

      <%for (var i = 0;i<list.length;i++)%>

                    <li>用户名:<%=list[i]%></li>

         <%}%>

</script>

把数据交给模板,生成html代码

           var html = baidu.template('user-liat',data);

把生成的html代码片段赋值到div中

           document.querySelector('.users').innerHTML=html;

artTemplate

性能卓越支持运行时调试,安全,支持预编译,可将模板转换成为非常精简的js文件,模板语法简介,无需前缀引用数据,有简介版本与原生语法版本可选,支持所有流行的浏览器。

快速上手:

编写模板:

和baiduTemplate一样,使用一个type="text/html"的标签存放模板。

<script id="text/html" type="text/html">

<h1>{{title}}</h1>

<ul>

         {{each list as value i}}

                <li>索引 {{i + 1}} : {{ value }}</li>

          {{/each}}

</ul>

</script>

渲染模板

var data = {

                    title:"标签",

                    list:['文艺',‘博客’,‘摄影’,‘电影’,‘民谣’]

                    };

var html = template('text',data);

document.getElemnetById('content').innerHTML = html;

相关文章

  • 百度模板引擎(baiduTemplate)

    baiduTemplate希望创造一个用户觉得“简单好用”的JS模板引擎 应用场景:前端使用的模板系统 或者 后...

  • baiduTemplate

    /** baiduTemplate简单好用的Javascript模板引擎 1.0.6 版本 http://baid...

  • 必须掌握的前端模板引擎之art-template

    常用的模板引擎有tpl.js、baiduTemplate、doT.js、art-template等等; 我所理解的...

  • baiduTemplate模板引擎使用方法

    baiduTemplate是百度推出的一款非常便捷的前端页面框架。但对于单个页面、静态页面来说,很大几率是用不上的...

  • SpringBoot系列之集成jsp模板引擎

    SpringBoot系列之集成jsp模板引擎@[toc] 1、模板引擎简介 引用百度百科的模板引擎解释: 模板引擎...

  • 【spring0】Template Engines

    模板引擎们:有需要时再百度吧。?

  • SpringBoot - 模版引擎Thymeleaf

    最后更新于 2018.5.17 一.什么是模版引擎? 什么是模版引擎?百度告诉我们,模板引擎(这里特指用于Web开...

  • laravel 5 blade

    参考Blade 模板引擎。Blade是一个模板引擎(什么叫模板引擎,参考浅谈模板引擎),文件需要采用blade.p...

  • node_模板引擎

    模板引擎 模板引擎的使用和集成,也就是视图。 什么是模板引擎模板引擎是一个页面模板根据一定得规则生成的html工具...

  • art-template模板引擎

    模板引擎 什么是模板引擎: 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产...

网友评论

      本文标题:百度模板引擎(baiduTemplate)

      本文链接:https://www.haomeiwen.com/subject/iqmauttx.html