JSP 中的 Underscore.js 模板

Question

Underscore.js 模板 使用 <%= %>用于变量插值。不幸的是，这也在 JSP（或 GSP）中进行解释。有没有办法在 JSP 中使用 Underscore.js 模板？

Answer 1

在 jsp 页面中添加以下插值和评估设置

_.templateSettings = {
    interpolate: /\<\@\=(.+?)\@\>/gim,
    evaluate: /\<\@(.+?)\@\>/gim,
    escape: /\<\@\-(.+?)\@\>/gim
};

，然后您可以使用 <@ @> 而不是 <% %>< 编写限定下划线变量、if 和 for 语句/code> 不会与jsp冲突

Answer 2

@coderman 的示例很有帮助，但不幸的是，如果您想在模板中使用换行符，它就不起作用。例如：

   <@ 
      var numPages = 10;
      if ( numPages > 1 ) {
   @>
   <div><@=numPages@></div>
   <@}@>

问题是 evaluate 的正则表达式不会跨换行符匹配，如下所述：JavaScript 正则表达式多行标志不起作用

因此，对我有用的解决方案是：

_.templateSettings = {
    interpolate: /\<\@\=(.+?)\@\>/gim,
    evaluate: /\<\@([\s\S]+?)\@\>/gim,
    escape: /\<\@\-(.+?)\@\>/gim
};

注意：[\s\S] 在评估正则表达式中。这就是关键。

Answer 3

根据您链接到的网页：

如果您不喜欢 ERB 样式的分隔符，您可以更改 Underscore 的模板设置 > 以使用不同的符号来引发内插代码。

它建议您更改 interpolate 和 evaluate 正则表达式。
这意味着您可以更改 <%= %>用法与 JSP 不冲突。

Answer 4

该问题可以通过在代码中转义 <% 序列来解决：

<script id="tmpl" type="text/x-template">
    <span>Hello, <\%=name%></span>
</script>

因此您不需要更改任何模板引擎逻辑。

Answer 5

不需要全局替换的另一个选项是指定插值并评估特定方法调用

 _.template($("#template-id").html(),null, {
   interpolate :  /\{\{\=(.+?)\}\}/g,
   evaluate: /\{\{(.+?)\}\}/g
 });`