template net mvc bootstrap asp twitter-bootstrap asp.net-mvc-4 visual-studio-2012

twitter-bootstrap - asp.net mvc bootstrap template



Andamio Bootstrap MVC4 para Visual Studio 2012 (1)

Estoy desarrollando una aplicación ASP.NET MVC4 en Visual Studio 2012. También estoy usando twitter bootstrap.

Cada vez que genero un nuevo controlador, VS2012 automáticamente generará páginas CRUD predeterminadas para mí, lo cual es bueno.

Sin embargo, me estoy cansando de modificar las páginas para que las DIV estén dispuestas de la forma en que bootstrap lo necesita.

¿Existe un complemento de VS2012 que ayude a generar estas vistas de la misma forma que lo espera el programa de arranque?

Aquí hay una muestra de div generada por 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>

.. y lo cambiaré manualmente para que sea ...

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


ASP.NET MVC utiliza plantillas T4 para anidar Vistas (y también Controladores) a través de los cuadros de diálogo Agregar Vista y Agregar Controlador.

Puede personalizar fácilmente estas plantillas con su marcado de Bootsrtap personalizado.

Solo debe copiar el directorio CodeTemplates desde (la ruta puede ser diferente en su máquina según el SO instalado, VS y la versión ASP.NET MVC)

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

Dentro de su proyecto MVC bajo un directorio CodeTemplates , están listos para su personalización.

Aquí hay una buena guía paso a paso sobre el proceso: modificación de las plantillas predeterminadas de generación de códigos / andamios en ASP.NET MVC

Si desea llevar el andamio un paso más allá, le sugiero que consulte el proyecto MVC.Scaffolding , que tiene más funciones que las integradas.

O porque está buscando una orientación personalizada en Bootstrap, puede consultar el proyecto de twitter.bootstrap.mvc ( publicación de blog de introducción )

Algunas de sus features :

  • Andamios en tiempo de ejecución: índice predeterminado, vistas de edición y detalles. Usted proporciona las POCO y presentaremos las vistas CRUD.
  • Las plantillas de códigos MVC para generar nuevas vistas desde mvc agregan vista / agregan diálogos del controlador

Las Plantillas de códigos MVC personalizadas (todavía en proceso) están disponibles en un paquete nuget separado:

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