23

我正在 Visual Studio 2012 中开发 ASP.NET MVC4 应用程序。我也在使用 twitter 引导程序。

每当我生成一个新的 Controller 时，VS2012 会自动为我生成默认的 CRUD 页面，这很好。

但是，我厌倦了修改页面，以便按照引导程序需要的方式布置 DIV。

是否有一个 VS2012 插件可以帮助按照引导程序期望的方式生成这些视图？

这是 VS2012 生成的示例 div。

<div class="editor-label">
    @Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Name)
    @Html.ValidationMessageFor(model => model.Name)
</div>

..我将手动将其更改为...

<div class="editor-label control-group">
    @Html.LabelFor(model => model.Name, new { @class = "control-label" })
    <div class="editor-field controls">
        @Html.EditorFor( model => model.Name, "CustomTemplate", 
                                     new { @class = "input-xlarge" })
        @Html.ValidationMessageFor(model => model.Name)
    </div>
</div>
4

1 回答 1

26

ASP.NET MVC 使用T4 模板通过“添加视图”和“添加控制器”对话框构建视图（以及控制器）。

您可以使用自定义 Bootsrtap 标记轻松自定义这些模板。

您只需要复制CodeTemplates目录（路径在您的机器上可能会有所不同，具体取决于安装的操作系统、VS 和 ASP.NET MVC 版本）

c:\Program Files (x86)\
    Microsoft Visual Studio 10.0\Common7\IDE\ItemTemplates\CSharp\Web\MVC 4

在您的 MVC 项目中的一个CodeTemplates目录下，它们已准备好进行自定义。

这是该过程的良好分步指南：修改 ASP.NET MVC 中的默认代码生成/脚手架模板

如果您想更进一步地搭建脚手架，我建议您查看MVC.Scaffolding项目，它比内置项目具有更多功能。

或者因为您正在寻找针对 Bootstrap 的自定义，您可以查看twitter.bootstrap.mvc项目（介绍博客文章）

它的一些特点：

  • 运行时脚手架——默认索引、编辑和详细视图。您提供 POCO，我们将渲染 CRUD 视图。
  • MVC 代码模板从 mvc 添加视图/添加控制器对话框生成新视图

自定义 MVC 代码模板（仍在进行中）在单独的 nuget 包中提供：

PM> Install-Package twitter.bootstrap.mvc4.templates
于 2013-02-25T21:26:24.113 回答