2013-02-25 13 views
24

Zajmuję się tworzeniem aplikacji ASP.NET MVC4 w Visual Studio 2012. Używam również programu startowego twitter.Rusztowanie Bootstrap MVC4 dla Visual Studio 2012

Ilekroć generuję nowy kontroler, VS2012 automatycznie generuje dla mnie domyślne strony CRUD, co jest miłe.

Jednak jestem zmęczony, modyfikując strony, tak aby DIV były ułożone tak, jak potrzebuje tego bootstrap.

Czy istnieje wtyczka VS2012, która pomaga generować te widoki tak, jak spodziewa się tego bootstrap?

Oto przykładowy div wygenerowany przez VS2012.

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

.. a ja ręcznie zmienić to być ...

<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

Przyszedłem tutaj, aby zadać to dokładne pytanie;) –

+0

Przyszedłem tutaj, aby zadać to dokładne pytanie, – Timeless

Odpowiedz

26

ASP.NET MVC korzysta T4 templates do rusztowania widoki (i również kontrolerami) przez Dodaj widok i Dodaj dialogowych sterownika.

Możesz łatwo dostosować te szablony za pomocą niestandardowych znaczników Bootsrtap.

Wystarczy skopiować katalog CodeTemplates od (ścieżki mogą się różnić na komputerze W zależności od zainstalowanego systemu operacyjnego, wersja VS, i ASP.NET MVC)

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

Wewnątrz projektu MVC punkcie a CodeTemplates katalogu i są gotowe do personalizacji.

Oto dobry krok po kroku w procesie: Modifying the default code generation/scaffolding templates in ASP.NET MVC

Jeśli chcesz wziąć rusztowanie krok dalej sugeruję sprawdzić projekt MVC.Scaffolding który ma więcej funkcji niż wbudowany w jednym.

Albo dlatego szukasz dostosowywania kierowania Bootstrap można sprawdzeniu twitter.bootstrap.mvc projektu (intro blog post)

Niektóre z jego features:

  • Runtime Rusztowania - domyślne Index, Edycja i szczegółowe widoki .. Podajesz POCO, a my wyrenderujemy widoki CRUD.
  • MVC szablony kodu, aby wygenerować nowe widoki z mvc view Dodaj/dodać dialogi kontrolera

Zwyczaj szablony kodu MVC (wciąż w toku) są dostępne w oddzielnej packge Nuget:

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

Dzięki za wyjaśnienie na T4 Templates, na pewno spojrzę i ewentualnie dostosuję szablony rusztowań. –

+1

Chłopcze, byłoby naprawdę miło, gdyby ktoś z Microsoftu wysłał obszerny zestaw szablonów Bootstrap T4 View dla nas. Muszą istnieć, ponieważ wspierają Bootstrap w VS2013 http: // techcrunch.com/2013/06/27/microsoft-adds-bootstrap-support-to-visual-studio-2013 /. – ThisGuy

Powiązane problemy