2011-04-11 47 views
31

Supongo que la mayoría de las personas que usan Visual Studio tuvieron la misma reacción cuando crearon su primer proyecto ASP.NET MVC: ¿dónde terminó la Vista de diseño ?¿Hay algún diseñador gráfico para ASP.NET MVC?

Al utilizar formularios Web clásicos para desarrollar una aplicación en Visual Studio, el Diseño Ver es realmente útil, que le ayuda a crear controles de usuario y otros componentes en su página web simplemente arrastrar y soltar el elemento de la caja de herramientas para la página de diseño. Aunque no permite el posicionamiento y el estilo avanzado, como lo hace Dreamweaver, es una característica realmente útil si desea evitar el doloroso formato HTML y el estilo CSS (o si no tiene un buen conocimiento de HTML).

¿Hay alguna manera de utilizar un diseñador gráfico para crear el diseño de Vista y luego integrar el diseño con la parte "lógica" de la Vista (la que usa el modelo para poblar/enviar los datos desde/al controlador)?

+0

Esto se ha preguntado antes: http://stackoverflow.com/questions/4551300/asp-net-mvc-razor-designer – Linkgoron

+9

El marco Asp.Net MVC es un esfuerzo concertado para alejarse de lo innecesariamente complejo e inflexible abstracciones de formularios web y desarrollo de arrastrar y soltar. Descubrirá que la mayoría de los desarrolladores que usan MVC están muy contentos de deshacerse del diseñador. – Brook

+0

Creo que Microsoft está cambiando su posición sobre esto, vea mi respuesta a continuación http://channel9.msdn.com/posts/Visual-Studio-vNext-Introducing-Page-Inspector. No arrastrar y soltar pero une la vista del cliente con la vista de desarrollador – GraemeMiller

Respuesta

23

Supongo que la mayoría de las personas que usan Visual Studio tuvieron la misma reacción cuando crearon su primer proyecto ASP.NET MVC: ¿dónde terminó la Design View?

No, en absoluto. Personalmente, nunca utilicé la vista de diseño en los formularios web clásicos y cuando migré a MVC realmente no hizo ninguna diferencia. Y no solo esto, no tiene sentido usarlo nunca más. Estoy muy contento de que ya no haya ningún diseñador jugando con mi código. Tengo suficientes dolores de cabeza con Intellisense, si usas un diseñador que toque el código detrás de las escenas, las cosas se complicarán. Todo lo que necesito es trabajar con Intellisense que complete las etiquetas y que entienda idealmente HTML5.

En lo que respecta al diseño de páginas web, puede consultar el Expression tools.

+6

gracias por su respuesta. En realidad, tampoco me gustó cuando el diseñador estaba jugando con mi código fuente. Sin embargo, fue bastante útil tener la oportunidad de crear el diseño de la página, por ejemplo colocando la etiqueta div absoluta o relativa, y luego colocando las etiquetas html en consecuencia. – CiccioMiami

+0

No me gustó en absoluto que MVC no tuviera un diseñador. Creí en lugar de abandonar al diseñador, que necesitaban diseñar uno mejor. Uno que no 'se metió con el código fuente', como señaló @CiccioMiami. Sin embargo, me acostumbré rápidamente al estilo MVC. Aún así, me encontré revisando cómo se veía en un navegador a menudo. ¿Más tiempo o menos? No lo sé. Creo que la razón por la que escuchas a los codificadores decir que nunca usaron el diseñador fue 1) Macho (¡código solo en el bloc de notas!) 2) Especialmente para proyectos más grandes, a veces los alteraba o no los mostraba correctamente. –

7

Creo que están trabajando en eso como una característica para Expression Blend 5 Developer Preview.

Reconocen claramente el problema del diseño de JS en el diseñador, así que sospecho que se dan cuenta de lo mismo se aplica a algunos diseñadores que trabajan en aplicaciones MVC.

me dijeron por alguien de Microsoft "Creo que en Blend para HTML, usando el modo interactivo, que probablemente sería muy bien con el diseño de patrones MVC o MVVM"

También puedes ver Visual Studio Page Inspector que parece que va a hacer lo que se necesita

Ahora usa WebEssentials con BrowserLink en VS2013 o hasta

12

Sí, yo tenía la misma reacción, que viene de un fondo de formularios web. Necesito los comentarios constantes de un diseñador gráfico para decirme qué efecto está teniendo mi código. Aprender MVC es una curva de aprendizaje suficientemente grande en sí misma sin tener que hacerlo con los ojos vendados.

Ahora que es 4 años después, no me importa que Page Inspector esté integrado en VS 2013. Si todavía usa VS 2010 en 2015, todo lo que puedo decir es que, si actualiza, podrá nunca mires atrás.

Simplemente haga clic derecho en el código y elija Ver en el Inspector de página. Hay un botón Inspeccionar en el inspector que puede usar para ver dónde se encuentra un elemento del diseño en el código. Puede ahorrarte tiempo beaucoup.

EDITAR

y parece que lo sacaron de Visual Studio 2015 y ni siquiera se molestó en publicar una explicación de por qué. Smh ... Actualizaré esto si encuentro una solución de terceros.

+0

+1. Si utiliza razor v3 después de ver en cromo y luego detiene la depuración, puede presionar ctrl + alt + enter y actualizará la vista de su navegador si se deja abierto. – kyle

4

Si está buscando un diseñador para obtener una respuesta instantánea de los cambios HTML/cshtml, esto se puede lograr mediante la función BrowserLink en Visual Studio. Encienda el navegador y acceda a la página/vista que está diseñando actualmente y cuando realice cambios en el marcado/cshtml, presione el botón Actualizar en Visual Studio, las actualizaciones realizadas al código se enviarán inmediatamente al navegador.

Otra alternativa es usar las herramientas de desarrollo de Chrome (F12) y usar la función "Editar como HTML".

Sé que estas alternativas no son muy útiles como soporte de vista de diseñador nativo en Visual Studio, pero estas son algunas soluciones prácticas.

Cuestiones relacionadas