web-dev-qa-db-ja.com

Bootstrap Visual Studio 2012のMVC4足場

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

新しいコントローラーを生成するたびに、VS2012は自動的にデフォルトのCRUDページを生成します。

ただし、DIVがbootstrapに必要な方法で配置されるように、ページを変更するのに疲れています。

bootstrapが期待する方法でこれらのビューを生成するのに役立つ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>
twitter-bootstrapasp.net-mvc-4visual-studio-2012
24
Rosdi Kasim

ASP.NET MVCは T4テンプレート を使用して、[ビューの追加]ダイアログと[コントローラーの追加]ダイアログでビュー（およびコントローラー）を足場します。

カスタムBootsrtapマークアップを使用して、これらのテンプレートを簡単にカスタマイズできます。

CodeTemplatesディレクトリをコピーするだけです（インストールされているOS、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 add view/add controllerダイアログから新しいビューを生成するMVCコードテンプレート

カスタムMVCコードテンプレート（まだ作業中）は、別のnugetパッケージで入手できます。

PM> Install-Package Twitter.bootstrap.mvc4.templates
26
nemesv