模板引擎javascript和php / html

Question

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

对于ajax调用非常有表现力，因为数据交换较少。

但是，当我第一次加载应用程序时，我仅使用php和html来打印数据，因此要使用该技术，我是否必须复制模板？ 一种用于php html，一种用于javascript？

我该如何解决这个问题？

Answer 1

可以在服务器端和客户端使用相同的模板。 例如， 髭有几种语言的实现，包括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>

Answer 2

您可以尝试使用Distal模板引擎 。

您的HTML页面是模板的一部分。

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

首次加载时，它会显示“ Hi，Guest”，然后运行模板，并可以替代“ Guest”。