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

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

您可以查看此相关问题。两个基本选项是：

1. 将模板创建为字符串，并将 Javascript 文件包含在索引文件中。

2. 在单独的文件中将模板创建为 HTML，并在构建时将它们插入到索引文件中（最有可能在<script type="text/template">标签内）。

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