相关疑难解决方法(0)

模板在已有的编程语言中是一项相当健康的业务,但有哪些好的可以在JavaScript中处理？

"模板"是指接受数据对象作为输入的文档,将数据插入某种序列化标记语言,并输出标记.众所周知的例子是JSP,原始的PHP,XSLT.

"好",我的意思是HTML作者的声明和容易编写,它是健壮的,并且它也支持其他语言.比我所了解的选项更好.一些"不好"的例子:

字符串数学:

element.innerHTML = "<p>Name: " + data.name
    + "</p><p>Email: " + data.email + "</p>";

显然太笨重,HTML结构不明显.

XSLT:

<p><xsl:text>Name: </xsl:text><xsl:value-of select="//data/name"></p>
<p><xsl:text>Email: </xsl:text><xsl:value-of select="//data/email"></p>

//结构上这很好用,但是让我们面对它,XSLT会混淆HTML开发人员.

Trimpath:

<p>Name: ${data.name}</p><p>Email: ${data.email}</p>

//这很好,但处理器仅在JavaScript中受支持,并且该语言有点原始(http://code.google.com/p/trimpath/wiki/JavaScriptTemplateSyntax).

我很想看到一个JSP或ASP或PHP的子集移植到浏览器,但我还没有找到.

现在人们在JavaScript中使用什么来模仿它们？

附录

几个月后,这里发布了大量可行的模板语言,但大多数语言都不能用于任何其他语言.大多数这些模板无法在JavaScript引擎之外使用.

例外是微软 - 您可以在浏览器或任何其他ASP引擎中处理相同的ASP.由于您已经绑定到Microsoft系统,因此它有自己的一组可移植性问题.我已经将其标记为答案,但我仍然对更便携的解决方案感兴趣.

感谢所有输入到目前为止!

我是一个网络人,主要做Perl服务器端的东西,我正在慢慢得出一些结论.

• 通过Javascript完成大部分代码并通过AJAX来回丢弃数据要比提交和重新加载大致相同的页面要好得多
• 我喜欢jQuery,因为我喜欢CSS,把很长很长的和可怕的定义结合在一起很有趣
• 有一些模板的东西.

您希望HTML元素看起来像HTML元素,并且在HTML中定义它更容易:

<div class="sidebar_elem">
     <a href=""> TEXT</a>
</div>

比在Javascript或jQuery中拼凑相同:

( '<div/>' )
     .attr('id' , 'sidebar_elem' + i )
     .addclass( 'sidebar_elem' )
     ;
( '<a/>' )
     .attr('href' , link_url )
     .appendTo( '#sidebar_elem' + i )
     ;

这就是说我不再是模板不可知论者,但我不知道相信哪种模板工具.我已经研究了一些基于jQuery的模板插件,但我还没有对它们中的任何一个感到满意,部分是因为我所看到的似乎想要将所有代码放入页面本身,这打破了"只有标记进入HTML文件,只有样式进入CSS文件,只有代码进入JS文件"咒语我一直在背诵.

所以,我正在寻找一个基于Javascript的模板工具,它允许我将模板放在外部文件中,这样我就可以在一系列网页上进行一次模板更改.如果它是基于jQuery的,那很好,我需要学习的东西少,但它不是一个交易破坏者.