wd and cc

— Happy every day

Jemplate 的简单介绍

Posted at — Feb 27, 2010
如果你还在用 php 写 web,那么你 out 了,呵呵。现在流行的是 rest + js。当然,rest 层可能还是 php 写的,不过还有用 perl 写的 openresty 1.0 和完全用 c 写的 openresty 2.0。openresty 是个很不错的东西,本来想细说一下,发现不知道怎么说好。去 cpan 上面搜吧。openresty 2.0 是基于 nginx 的,agentzh 在他上面加了好多的模块,让 nginx 直接和数据库通信,都不用 php 了。前端完全用 js 来搞定,以后应该都是 js 工程师了。
smarty 写 php 的人应该都知道吧,Jemplate 是很类似的一个东西,是方便你写 js 的一个工具。我这写了一个非常简单的例子。
下面这个是 Jemplate 的一个模板,保存为 test.tt。
[% test %]

[% FILTER html %] asdff < sdf > sdfsdf [% END %]


然后用 Jemplate 编译一下
jemplate --runtime > a.js
jemplate --compile test.tt >> a.js

这之后就和 test.tt 没关系了,除非你改了他,那就需要重新生成这个 a.js。
再看我们的页面。里面 jquery-1.4.2.min.js 是为了方便操作页面使用的,jquery 决对是个好东西,写 js 应该使用他。那个 jquery.b.js 是我们自己写的,真正把数据添加到页面的代码。


    
    test
    
    
    



在这个 jquery.b.js 里面,我们让 jemplate 处理了一下 test.tt,给他里面的 test 变量赋值 ffffff,然后把设置到 #main 的 html 里面。
$(function() {
    var html= Jemplate.process(
        'test.tt', { test: 'ffffff' }
    );

    $('#main').html(html);
});

这样这个页面就完事了,简单么,呵呵。你可以用 jemplate 和 js 强大的语法来实现更多的功能的。
comments powered by Disqus