2013-02-25 93 views
24

我正在Visual Studio 2012中开发ASP.NET MVC4应用程序。我也使用twitter bootstrap。Visual Studio 2012的Bootstrap MVC4脚手架

每当我生成一个新的控制器时,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> 
+1

我来这里问这个确切的问题;) – 2013-06-08 19:11:40

+0

我也来这里问这个确切的问题 – Timeless 2014-07-04 05:23:27

回答

26

ASP.NET MVC使用T4 templates脚手架通过添加视图视图(也控制器),并添加控制器对话框。

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

你只需要到CodeTemplates目录复制从下(路径可能是您的机器取决于所安装的操作系统,VS和ASP.NET MVC的版本不同)

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

里面你的MVC项目CodeTemplates目录,它们可以自定义。

这里是很好的一步一步引导的过程:Modifying the default code generation/scaffolding templates in ASP.NET MVC

如果你想利用脚手架一步,我建议你看看MVC.Scaffolding项目,比内置在一个更多的功能。

或者是因为你正在寻找的定制目标引导,你可以检查出twitter.bootstrap.mvc项目(intro blog post

它的一些features的:

  • 运行脚手架 - 默认首页,编辑和详细视图..您提供POCO,我们将渲染CRUD视图。
  • MVC代码模板来生成从MVC添加视图新视图/添加控制器对话框

定制MVC代码模板(仍在进展中的工作)是在一个单独的NuGet装箱率可供选择:

PM> Install-Package twitter.bootstrap.mvc4.templates 
+0

感谢您对T4模板的解释,我一定会看看,并可能定制脚手架模板。 – 2013-02-27 08:43:45

+1

男孩,如果有人从微软公司为我们发布一套全面的Bootstrap T4 View模板,那真是太好了。它们必须存在,因为它们支持VS2013 http:// techcrunch中的Bootstrap。COM/2013/6月27日/微软增加了自举支持对视觉工作室2013 /。 – ThisGuy 2013-07-06 00:44:31