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

Question

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

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

Есть ли способ использовать графический дизайнер для создания макета представления, а затем интегрировать проект с «логической» частью представления (той, которая использует модель для заполнения / передачи данных из / в контроллер)

Answer 1

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

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

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

Answer 2

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

Теперь, когда прошло 4 года, я не против сказать, что Page Inspector встроен в VS 2013. Если вы 'Я по-прежнему использую VS 2010 в 2015 году, и все, что я могу сказать, это то, что если вы обновитесь, вы никогда не будете оглядываться назад.

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

РЕДАКТИРОВАТЬ

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

Answer 3

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

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

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

Также посмотрите Инспектор страниц Visual Studio похоже, что он сделает то, что нужно

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

Answer 4

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

Другой альтернативой является использование инструментов разработчика Chrome (F12) и использование функции «Редактировать как Html».

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