23

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

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

1 に答える 1

26

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 コード テンプレート (まだ作業中) は、別のナゲット パッケージで利用できます。

PM> Install-Package twitter.bootstrap.mvc4.templates
于 2013-02-25T21:26:24.113 に答える