用于Visual Studio 2012的Bootstrap MVC4脚手架

Question

我正在Visual Studio 2012中开发一个ASP.NET MVC4应用程序.我也在使用twitter bootstrap.

每当我生成一个新的Controller时,VS2012会自动为我生成默认的CRUD页面,这很不错.

但是我厌倦了修改页面,以便DIV以引导程序需要的方式布局.

是否有VS2012插件可以帮助生成这些视图,就像bootstrap预期的那样？

这是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>

Answer 1

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