asp.net-mvc-3 – 放置模板视图和骨干视图代码的最佳实践是什么

发布时间：2020-12-16 03:26:31 所属栏目：asp.Net 来源：网络整理

导读：我正在使用Backbone.js创建一个ASP.Net MVC 3应用程序.我也在使用jQuery模板进行视图. 我的问题是如何以有效的方式组织文件？目前,我有一个用于骨干应用程序的XXX.js文件和存储在显示主干应用程序Index.cshtml的页面中的内联模板.如何将模板移动到我可以包

我正在使用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中包含一些文件而不是内联的东西.

解决方法

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

>将模板创建为字符串,并在索引文件中包含Javascript文件.
>在单独的文件中将模板创建为HTML,并在构建时将它们插入到索引文件中,最有可能在< script type =“text / template”>中.标签.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!