结合UNDERSCORE.JS和JSP

时间:2013-05-04 19:48:50

标签: jsp backbone.js underscore.js

我正在尝试开发一个Web应用程序,它从服务器(在mysql数据库中)获取信息,并向客户端(通过浏览器)显示此信息。

我想在客户端部分使用backbone.js和默认模板系统(underscore.js)。另一方面,我想使用jsp来访问服务器中mysql数据库的信息。

我的问题是,如果可以将jsp和underscore.js组合在一起,我就不会知道这么多(与语法的问题无关,这与< %%>结构对两种技术相同的事实有关)。

我搜索过它,但我没有找到任何使用这两种技术的例子。

可以将两者结合起来吗?或者为什么不呢? 有人能告诉我一些例子吗?

提前致谢!!

修改为下一个:

我知道语法问题的存在,但我不明白将两者结合起来(jsp和unexcore.js)。如果我在html文件中有下一个模板(underscore.js):

<!-- language: lang-js -->
<script type="text/template" id="showTemplate">
    <h2>
      <%= title %>
      <small>by: <%= author %></small>
    </h2>
    <p style="white-space:pre-wrap;"><%= description %></p>
</script>

我有一个主干的观点,用相应的值替换模板的'title','author'和'description'字段:

<!-- language: lang-js -->
viewExample = Backbone.View.extend({

  // the constructor
  initialize: function (options) {
    this.note  = options.note;
  },

  // populate the html to the dom
  render: function () {
    this.$el.html(_.template($('#formTemplate').html(), {title: "Environment",   author:"Albert", description:"textDescription"}));
    return this;
  }
});

如何通过jsp从服务器获取'title','author'和'description'字段的值?

1 个答案:

答案 0 :(得分:0)

这是backbone.js的新_.temeplateSettings

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

模板语法:

<script type="text/template" id="item-template">
    <div class="view">
      <input class="toggle" type="checkbox" {{ done ? 'checked="checked"' : '' }} />
      <label>{{ title }}</label>
      <a class="destroy"></a>
    </div>
    <input class="edit" type="text" value="{{ title }}" />
 </script>