PHP和JavaScript模板的可互换性(防止重复)

发布时间：2020-12-13 17:08:28 所属栏目：PHP教程来源：网络整理

导读：我使用MVC PHP框架将我的Web应用程序尽可能地保持干??净.我的所有HTML模板都整齐地隐藏在我项目的应用程序范围内的一个文件夹中. 问题是每当我使用JSON字符串构建一个带有AJAX的页面时,我需要重用这些模板中的很多行并将它们复制到我的JavaScript文件中.这意

我使用MVC PHP框架将我的Web应用程序尽可能地保持干??净.我的所有HTML模板都整齐地隐藏在我项目的应用程序范围内的一个文件夹中.

问题是每当我使用JSON字符串构建一个带有AJAX的页面时,我需要重用这些模板中的很多行并将它们复制到我的JavaScript文件中.这意味着我的JavaScript文件中的模板与PHP应用程序中的模板之间存在代码重复.

我想知道如何防止这种重复.一种方法当然是使用AJAX加载模板,但最后我会得到一个页面的双AJAX请求.此外,PHP模板使用不同的标记样式来表示变量,而不是MooTools,但HTML设置是相同的.

总结一下：是否有任何简洁的方法或工具来防止模板重复,因此可以在PHP和JavaScript中使用一个文件？为了记录：我使用MooTools框架来构建我的JavaScript文件.

编辑

经过一些研究,我发现在我看来最好的答案.对于那些感兴趣的人：

> PURE

PURE完全分离HTML表示和JavaScript逻辑,因此您不必在脚本中包含HTML元素.模板可以简单地在HTML文件本身中提供.

例：

// JSON string
{ 'who': 'me' }

// In your rendered HTML page:
<div id="who"></div>

// After the JSON string is sent back
<div id="who">me</div>

此外,它可以被各种各样的库使用：MooTools,jQuery,dojo,Prototype等.

解决方法

有趣的问题,我有时也在努力.

>你可以将你的html放在你的javascript代码中,这是重复的,你想避免的
>您可以使用单独的ajax调用加载html,这会导致运行更多的ajax调用,并可能减慢您的应用程序速度.你可能想避免它.
>您可以在将加载数据的Ajax调用中传递您的html.这样,你只有一个电话.让您的PHP打开您的模板,并将它们添加到data-json流.
>您可以将模板放在原始html中,将其隐藏起来.

如果模板很小且有限,我会选择解决方案3,或者可能选择4.

然后JSon就像{“data”：……你的原始数据对象,“模板”：{…}}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!