2013-02-25 12 views
24

Ich entwickle eine ASP.NET MVC4-Anwendung in Visual Studio 2012. Ich verwende auch Twitter Bootstrap.Bootstrap MVC4 Gerüst für Visual Studio 2012

Immer, wenn ich einen neuen Controller erzeuge, wird VS2012 automatisch Standard-CRUD-Seiten für mich generieren, was nett ist.

Allerdings werde ich müde, die Seiten so zu modifizieren, dass die DIVs so angelegt sind, wie Bootstrap es braucht.

Gibt es ein VS2012-Plugin, mit dem diese Ansichten so generiert werden können, wie Bootstrap es erwartet?

Hier ist ein Sample Div von VS2012 generiert.

<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> 

.. und ich werde es manuell zu sein ...

<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

Ich kam hierher, um diese genaue Frage zu stellen;) –

+0

Ich kam hierher, um genau diese Frage zu stellen, auch – Timeless

Antwort

26

ASP.NET MVC verwendet T4 templates Views Gerüst ändern (und auch Controller) durch das Hinzufügen View und Controller Dialoge hinzufügen.

Sie können diese Vorlagen einfach mit Ihrem benutzerdefinierten Bootsrtap-Markup anpassen.

Sie müssen nur das CodeTemplates Verzeichnis von kopieren unter einem

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

In Ihrem MVC-Projekt (der Pfad kann auf dem installierten Betriebssystem, VS und ASP.NET MVC-Version abhängig von Ihrem Gerät unterschiedlich sein) CodeTemplates Verzeichnis und sie sind bereit für die Anpassung.

Hier ist guter Schritt für Schritt-Anleitung auf den Prozess: Modifying the default code generation/scaffolding templates in ASP.NET MVC

Wenn Sie das Gerüst einen Schritt weiter gehen möchte ich vorschlagen, dass Sie die MVC.Scaffolding Projekt überprüfen, die in einem mehr Funktionen als die gebaut hat.

Oder weil Sie die individuell gestaltet suchen Targeting Bootstrap Sie die twitter.bootstrap.mvc überprüfen können Projekt (intro blog post)

Einige seiner features:

  • Runtime Gerüst - Standardindex, Bearbeiten und Detailansichten. Sie stellen die POCOs zur Verfügung und wir werden die CRUD-Views rendern.
  • MVC Code-Templates neue Ansichten von der mvc Add Ansicht erzeugen/add Controller Dialoge

Die benutzerdefinierte MVC Code-Vorlagen (noch in Arbeit) in einem separaten nuget packge verfügbar ist:

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

Danke für die Erklärung auf den T4 Templates, werde ich auf jeden Fall einen Blick und möglicherweise anpassen die Gerüst-Vorlagen. –

+1

Junge, es wäre wirklich schön, wenn jemand von Microsoft eine umfassende Reihe von Bootstrap T4 View Vorlagen für uns veröffentlichen würde. Sie müssen vorhanden sein, da sie Bootstrap in VS2013 http: // techcrunch unterstützen.com/2013/06/27/microsoft-adds-bootstrap-support-zu-visuell-studio-2013 /. – ThisGuy