javascript模板引擎—mustache

模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。今天要介绍的是javascript模板引擎—mustache
mustache模板是一串带有mustache专属标签的字符串,html是通过模板引擎转化后输出的字符串,著名的twitter也使用了这个模板类。

接下来讲一个例子:
template

{{header}}

{{#bug}} {{/bug}} {{#items}} {{#first}}
  • {{name}}
  • {{/first}} {{#link}}
  • {{name}}
  • {{/link}} {{/items}} {{#empty}}

    The list is empty.

    {{/empty}}

    javascript

    {
      "header": "Colors",
      "items": [
          {"name": "red", "first": true, "url": "#Red"},
          {"name": "green", "link": true, "url": "#Green"},
          {"name": "blue", "link": true, "url": "#Blue"}
      ],
      "empty": false
    }
    

    输出结果

    Colors

  • red
  • green
  • blue
  • 演示
    javascript模板很早以前就出现了,但是一直没有流行起来。可能跟自身有很大的原因,最大的一个缺点是对搜索引擎不友好。结合node.js在服务器端呈现倒是一个不错的选择。总之弊大于利,不适合大面积使用。

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注