关于 Template Engine

周末有点时间，找了些代码来看。最近在学 clojure，于是看了个 clojure 的项目，叫 enlive 的项目（https://github.com/cgrand/enlive）。这是一个 clojure 写的 HTML Template Engine。其特色是可以通过类似 jquery 选择器的方法选取模板中的元素，然后修改元素的值、属性、css 类和文本内容等。这种渲染模板的方式，至少对我来说是比较新的，以前见过的 Template Engine，大概就这么两种：

• 类似 PHP、JSP 页面，在 HTML 页面里会插入一些由特殊符号包起来的变量、标签等，然后渲染的时候会注入一组值，在最后渲染出来的页面里，那些特殊符号包起来的变量会被替换成注入的值。那些特殊符号包起来的标签可以用来做一些 if..else，foreach 之类的逻辑操作，典型代表是 Handlebars 和 ejs 等。有的甚至直接搞成跟 PHP 一样，可以在 HTML 模板里嵌入逻辑代码，如 https://github.com/henix/slt2。示例：

<h1>Comments</h1>

<div id="comments">
  {{#each comments}}
  <h2><a href="/posts/{{../permalink}}#{{id}}">{{title}}</a></h2>
  <div>{{body}}</div>
  {{/each}}
</div>

• 类似 Jade、Hiccup，通过指定标签的属性，最后渲染成 HTML 页面，感觉跟用 zen coding 写 HTML 页面一样。示例：

html(lang="en")
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) {
         bar(1 + 5)
      }
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!
      p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.

上面两种 Template Engine，第一种比较适合 HTML、CSS 的设计与后端逻辑分开，切页面的时候先不用管逻辑，第二种可能比较时候后端开发的时候一气呵成，有种所想即所得的感觉。

而类似 enlive 的 Template Engine 感觉比较少见，但这种方式可能更适合前端设计与后端逻辑分开的合作方式。前端设计的时候甚至都不用考虑最后会用数组来填值，所以要写个 foreach，要不要 if..else 来做个判断，模板里甚至都可以直接填上 mock 的值，反正最后渲染页面的时候这些都会被再处理。

我比较喜欢这种方式，打算有时间的时候写一个类似的给 Lua 语言来用。