2013-02-25 14 views
24

Visual Studio 2012でASP.NET MVC4アプリケーションを開発しています。私もtwitterブートストラップを使用しています。Visual Studio 2012用のブートストラップMVC4足場

私は新しいコントローラを生成するたびに、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> 
+1

私はこの正確な質問をするためにここに来ました;) –

+0

この正確な質問もここに来ました – Timeless

答えて

26

ASP.NET MVCは、ビューを追加し、コントローラのダイアログを追加してビュー(ともコントローラ)を骨格にT4 templatesを使用しています。

これらのテンプレートは、独自のBootsrtapマークアップで簡単にカスタマイズできます。あなただけの下であなたのMVCプロジェクトの中に(パスがインストールされたOS、VS、およびASP.NET MVCのバージョンに応じて、あなたのマシン上で異なる場合があります)

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

からCodeTemplatesディレクトリをコピーする必要があり

CodeTemplatesディレクトリにあり、カスタマイズの準備が整いました。ここで

は、プロセスのステップガイドにより、良好なステップです:Modifying the default code generation/scaffolding templates in ASP.NET MVC

あなたはさらに一歩足場を取りたい場合は、私はあなたが1で構築よりも多くの機能を備えていMVC.Scaffoldingプロジェクトをチェックアウトすることを示唆しています。

それとも、ブートストラップをターゲットにカスタマイズを探しているので、あなたがtwitter.bootstrap.mvcプロジェクト(intro blog post

にそのfeaturesのいくつかをチェックアウトすることができます

  • ランタイム足場 - デフォルトのインデックスを、編集ビューと詳細ビュー..あなたはPOCOを提供し、私たちはCRUDビューをレンダリングします。
  • MVCのコードテンプレートMVCから新しいビュービューを追加/コントローラダイアログに

を追加するカスタムMVCコードテンプレート(まだ進行中の作業)を生成する別のnuget packgeに用意されています

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

T4テンプレートの説明をお寄せいただきありがとうございます。私は間違いなくスカフォールドテンプレートを見ていきます。 –

+1

Microsoftの誰かが、Bootstrap T4 Viewテンプレートの包括的なセットを投稿してくれれば本当にうれしいでしょう。彼らはVS2013 http:// techcrunchのBootstrapをサポートしていなければなりません。com/2013/06/27/microsoft-adds-bootstrap-support-to-visual-studio-2013 / – ThisGuy