Question

我正在使用Backbone.js创建一个ASP.Net MVC 3应用程序。我也在使用jQuery模板进行视图。

我的问题是如何以有效的方式组织文件？

目前我有一个用于骨干应用程序的XXX.js文件和存储在显示主干应用程序Index.cshtml的页面中的内联模板。如何将模板移动到我可以包含的其他文件中，例如我包含XXX.js？

App/
  Scripts/
    backbone.js
    underscore.js
    jquery-1.6.4.js
    jquery.tmpl.js
    myBackboneApplication.js
  Views/
    Home/
      Index.cshtml
  Controllers/
    HomeController.cs

我想将模板从Index.cshtml中移出，并转移到与myBackboneApplication.js相关的内容中。我可以在Index.cshtml中包含一些文件而不是内联的文件。

Answer 1

您可以查看this related question。两个基本选项是：

将模板创建为字符串，并在索引文件中包含Javascript文件。
在单独的文件中将模板创建为HTML，并在构建时将其插入索引文件，最有可能在<script type="text/template">标记内。

在我目前的Backbone.js项目中，我正在使用第二个选项 - 我将所有模板保存在一个单独的文件夹中，并在我的ant构建期间将它们插入到我的索引文件中。每个模板（例如my-view-template.html）都会插入带<script>的{{1}}标记中，然后我使用jQuery创建模板，使用id="my-view-template"作为模板字符串。

放置模板视图和骨干视图代码的最佳做法是什么

1 个答案: