Jemplate 的简单介绍，Jemplate简单介绍

文章由LinuxBoy分享于2019-08-08 05:08:11热评（446）

Jemplate 的简单介绍，Jemplate简单介绍

如果你还在用 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。

<div>[% test %]</div>
<p>
[% FILTER html %]
    asdff < sdf > sdfsdf
[% END %]
</p>

然后用 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 是我们自己写的，真正把数据添加到页面的代码。

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>test</title>
    <script src='jquery-1.4.2.min.js' type="text/javascript" charset="utf-8"> </script>
    <script src='a.js' type="text/javascript" charset="utf-8"> </script>
    <script src='jquery.b.js' type="text/javascript" charset="utf-8"> </script>
</head>
<body>
<div id=main></div>    
</body>
</html>

在这个 jquery.b.js 里面，我们让 jemplate 处理了一下 test.tt，给他里面的 test 变量赋值 ffffff，然后把设置到 #main 的 html 里面。

$(function() {
    var html= Jemplate.process(
        'test.tt', { test: 'ffffff' }
    );
 
    $('#main').html(html);
});

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

推荐文章：

Jemplate 的简单介绍，Jemplate简单介绍