2013-02-25 88 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