模板引擎javascript和php/html

template engine javascript and php/html

本文关键字:php html javascript 引擎      更新时间:2023-09-26

最近我对jQuery模板引擎产生了兴趣。

对于ajax调用是非常高性能的,因为数据交换较少。

但是当我第一次加载我的应用程序时,我只使用php和html来打印数据,所以为了使用这种技术,我必须复制模板吗?一个用于php html,一个用于javascript?

我该如何解决这个问题?

可以在服务器端和客户端使用相同的模板。例如,mustache有几种语言的实现,包括PHP和Javascript。但一般来说,我发现坚持一种方法更容易。

如果你正在使用jQuery模板在客户端上渲染,为什么不第一次用Javascript渲染呢?为了避免需要额外的AJAX调用,您可以将数据模型作为javascript对象注入页面,并将其传递给模板呈现器。

这里有一个例子。json_encode函数对此应该很有用。

<script type="text/javascript">
// This line gets generated by your PHP code.
//   You'll want to use the JSON methods instead of generating it by hand.
var myModel = { name: 'Fred', surname: 'Bloggs' };
$(document).ready(function() {
    // Here you render the template using the data that's
    //   already in myModel
});
</script>

你可以试试远端模板引擎

你的HTML页面作为模板的一部分。

<div>
  Hi, <span data-qtext="user.name">Guest</span>
</div>

当你第一次加载时,它显示"Hi, Guest",然后你运行模板,你可以替换为"Guest"。