<p><span style="line-height:25px;font-family:Helvetica, Tahoma, Arial, sans-serif;font-size:14px;" class="Apple-style-span">在07的时候，写过一个模板引擎，当时叫CommonTemplate，后来功能越来越多，性能却越来越差，在金大为发给我<a style="color:#006699;text-decoration:underline;" href="/misc/goto?guid=4959498282789623071" target="_blank">性能对比结果</a>后，看到惨不忍睹的差距，就打算抛弃原设计进行重写，但因工作忙，就搁置了，最近看温少发了几个EL和JSON的解析器，有点手痒，就抽了个周未，拿出来再改了改，主要将模板改成了字节码编译，并简化了语法及缩小使用范围，只针对HTML场景使用，并将名称改成了HTTL，名字含义是把HTML中的 M(Marker)改成了T(Template)，放在GoogleCode上：<a style="color:#006699;text-decoration:underline;" href="/misc/goto?guid=4959498309224620266" target="_blank">http://code.google.com/p/httl</a>，性能和Java硬编码输出模板内容差不多，比Velocity/FreeMarker等快10倍左右。 </span></p>    <p><span style="line-height:25px;font-family:Helvetica, Tahoma, Arial, sans-serif;font-size:14px;" class="Apple-style-span"><strong style="font-weight:bold;">语法方面的区别：</strong> <br /> 发现基于文本指令的，基于HTML标签的，基于HTML注释的，都有不少模板引擎实现， <br /> 为了标新立异以及使用的直观性，HTTL采用基于HTML属性的指令，如： <br /> </span></p>    <div style="padding-bottom:1px;overflow-x:auto;overflow-y:auto;background-color:transparent;padding-left:1px;width:766px;padding-right:1px;font-family:Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace;word-wrap:break-word;margin-left:9px;font-size:12px;word-break:break-all;padding-top:1px;" class="dp-highlighter">     <ol style="border-bottom:#d1d7dc 1px solid;border-left:#d1d7dc 1px solid;padding-bottom:2px;line-height:1.4em;background-color:#ffffff;list-style-type:decimal;margin:0px 0px 1px;padding-left:0px;padding-right:0px;color:#2b91af;font-size:1em;border-top:#d1d7dc 1px solid;border-right:#d1d7dc 1px solid;padding-top:2px;" class="dp-xml">      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;"><span style="color:#006699;font-weight:bold;" class="tag"><</span><span style="color:#006699;font-weight:bold;" class="tag-name">table</span><span style="color:black;"> </span><span style="color:red;" class="attribute">if</span><span style="color:black;">=</span><span style="color:blue;" class="attribute-value">"user.role == 'admin'"</span><span style="color:#006699;font-weight:bold;" class="tag">></span><span style="color:black;">  </span></span></li>      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;">    <span style="color:#006699;font-weight:bold;" class="tag"><</span><span style="color:#006699;font-weight:bold;" class="tag-name">tr</span><span style="color:black;"> </span><span style="color:red;" class="attribute">foreach</span><span style="color:black;">=</span><span style="color:blue;" class="attribute-value">"book in books"</span><span style="color:#006699;font-weight:bold;" class="tag">></span><span style="color:black;">  </span></span></li>      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;">        ...  </span></li>      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;">    <span style="color:#006699;font-weight:bold;" class="tag"> <span style="color:#006699;font-weight:bold;" class="tag-name">tr</span><span style="color:#006699;font-weight:bold;" class="tag">></span><span style="color:black;">  </span></span></span></li>      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;"><span style="color:#006699;font-weight:bold;" class="tag"><span style="color:#006699;font-weight:bold;" class="tag-name">table</span><span style="color:#006699;font-weight:bold;" class="tag">></span><span style="color:black;">  </span></span></span></li>     </ol>    </div>    <p><br /> <br /> <strong style="font-weight:bold;">选型方面的区别：</strong></p>    <ul>     <li>Velocity采用JavaCC编译成AST树，解释执行。</li>     <li>FreeMarker类似，只是采用FreeCC。</li>     <li>Smarty4j采用ASM生成字节码。</li>     <li>HTTL采用先将模板转译成Java代码，再由JDK或Javassist编译成字节码。</li>    </ul>    <p><br /> <strong style="font-weight:bold;">性能测试：</strong></p>    <ul>     <li>模板内循环显示100行数据。</li>     <li>每模板各运行一万次。</li>     <li>模板大小约800字符。</li>     <li>模板每次运行输出内容约27K字符。</li>    </ul>    <p><br /> <strong style="font-weight:bold;">测试结果：</strong> </p>    <table style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;" class="bbcode ke-zeroborder">     <tbody>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Engine</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Compile</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Run</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">TPS</td>      </tr>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Freemarker</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">125ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">16,934ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">590t/s</td>      </tr>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Velocity</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">110ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">19,278ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">518t/s</td>      </tr>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Smarty4j</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">78ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">21,653ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">461t/s</td>      </tr>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Httl</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">547ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">2,077ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">4,814t/s</td>      </tr>      <tr>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">Java</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">0ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">2,016ms</td>       <td style="border-bottom:#cccccc 1px solid;border-left:#cccccc 1px solid;padding-bottom:5px;padding-left:5px;padding-right:5px;font-size:1em;border-top:#cccccc 1px solid;border-right:#cccccc 1px solid;padding-top:5px;">4,960t/s</td>      </tr>     </tbody>    </table>    <p><br /> 更多信息参见： <br /> <a style="color:#006699;text-decoration:underline;" href="/misc/goto?guid=4959498309224620266" target="_blank">http://code.google.com/p/httl</a> <br /> <br /> HTTL缺省使用Jdk的javax,tools编译字节码，需要500ms左右，如果换成Javassist编译，编译时间可以降到200ms左右，但字节码执行效率略差一点，如果想换成Javassist，只需在httl.properties中加入： </p>    <div style="padding-bottom:1px;overflow-x:auto;overflow-y:auto;background-color:transparent;padding-left:1px;width:766px;padding-right:1px;font-family:Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Consolas, 'Courier New', monospace;word-wrap:break-word;margin-left:9px;font-size:12px;word-break:break-all;padding-top:1px;" class="dp-highlighter">     <ol style="border-bottom:#d1d7dc 1px solid;border-left:#d1d7dc 1px solid;padding-bottom:2px;line-height:1.4em;background-color:#ffffff;list-style-type:decimal;margin:0px 0px 1px;padding-left:0px;padding-right:0px;color:#2b91af;font-size:1em;border-top:#d1d7dc 1px solid;border-right:#d1d7dc 1px solid;padding-top:2px;" class="dp-j">      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;"><span style="color:black;">compiler=com.googlecode.httl.support.compilers.JavassistCompiler  </span></span></li>      <li style="border-left:#d1d7dc 1px solid;padding-bottom:0px;line-height:18px;background-color:#fafafa;margin:0px 0px 0px 38px;padding-left:10px;padding-right:0px;font-size:1em;padding-top:0px;"><span style="color:black;">java.version=<span style="color:#c00000;" class="number">1.4</span><span style="color:black;">  </span></span></li>     </ol>    </div>    <p><br /> 注：Javassist不支持1.5的语法，所以要设置java.version=1.4 </p>