Есть ли графический дизайнер для ASP.NET MVC?

Я предполагаю, что большинство людей, использующих Visual Studio, имели такую же реакцию, когда они создали свой первый проект ASP.NET MVC: где появился Design View?

При использовании классических веб-форм для разработки приложения в Visual Studio Конструктивный вид действительно удобен, он помогает создавать пользовательские элементы управления и другие компоненты на вашей веб-странице, просто перетаскивая элемент от панели инструментов до страницы дизайна. Хотя это не позволяет позиционировать и продвинутый стиль, как это делает Dreamweaver, это действительно полезная функция, если вы хотите избежать болезненного форматирования HTML и стилизации CSS (или у вас нет хорошего знания HTML).

Можно ли использовать графический конструктор для создания макета View, а затем интегрировать дизайн с "логической" частью представления (той, которая использует модель для заполнения/отправки данных с/на контроллер)

Ответ 1

Я предполагаю, что большинство людей, которые используют Visual Studio, имели такую же реакцию, когда они создали свой первый проект ASP.NET MVC: где появился проект Design?

Совсем нет. Лично я никогда не использовал дизайн в классических веб-формах, и когда я перешел на MVC, это не имело никакого значения. И не только это, не имеет смысла использовать его больше. Я очень доволен тем, что дизайнера не будет работать с моим кодом. У меня достаточно головных болей с Intellisense, если вы используете конструктора, который касается кода за кулисами, все будет беспорядочно. Все, что мне нужно, - это работа Intellisense, которая завершает теги и идеально понимает HTML5.

Что касается проектирования веб-страниц, вы можете взглянуть на Инструменты выражения.

Ответ 2

Да, у меня была такая же реакция, исходящая из фона webforms. Мне нужна постоянная обратная связь графического дизайнера, чтобы сообщить мне, какой эффект имеет мой код. Изучение MVC - это достаточно большая кривая обучения сама по себе, не делая ее с завязанными глазами.

Теперь, когда это произошло 4 года спустя, я не против сказать, что "Инспектор страниц" встроен в VS 2013. Если вы все еще используете VS 2010 в 2015 году, все, что я могу сказать, если вы обновите, вы никогда не будете оглянитесь назад.

Просто щелкните правой кнопкой мыши по коду и выберите "Просмотр" в "Инспекторе страницы". В инспекторе есть кнопка Inspect, которую вы можете использовать, чтобы увидеть, где элемент кода находится в коде. Это может спасти вас beaucoup время.

ИЗМЕНИТЬ

И похоже, что они удалили его из Visual Studio 2015 и даже не потрудились опубликовать объяснение, почему. Smh... Я обновлю это, если найду стороннее решение.

Ответ 3

Я думаю, что они работают над этим как функция Expression Blend 5 Developer Preview.

Они четко осознают проблему проектирования JS в дизайнере, поэтому я подозреваю, что они понимают, что то же самое относится к некоторым дизайнерам, работающим над приложениями MVC.

Мне сказал кто-то из Microsoft: "Я думаю, что в Blend for HTML, используя интерактивный режим, вы, вероятно, будете в порядке с проектированием шаблонов MVC или MVVM"

Также проверьте Visual Studio Page Inspector, похоже, что он будет делать то, что нужно

Теперь используйте WebEssentials с BrowserLink в VS2013 или вверх

Ответ 4

Если вы ищете разработчика для мгновенной обратной связи с изменениями HTML/cshtml, это может быть достигнуто с помощью функции BrowserLink в Visual Studio. Пропустите браузер и нажмите на страницу/представление, которое вы сейчас разрабатываете, и когда вы вносите какие-либо изменения в метку вверх /cshtml, нажмите кнопку обновления в Visual Studio, обновления, сделанные в коде, будут немедленно перенесены в браузер.

Другой альтернативный вариант - использовать инструменты разработчика Chrome (F12) и использовать функцию "Редактировать как HTML".

Я знаю, что эти альтернативы не являются богатыми как поддержка конструктора в Visual Studio, но это некоторые практические способы решения.