Есть ли графический дизайнер для ASP.NET MVC?
Я предполагаю, что большинство людей, использующих Visual Studio, испытали мою реакцию при создании своего первого проекта ASP.NET MVC: где закончилось представление Design View?
При использовании классических веб-форм для разработки приложения в Visual Studio представление " Дизайн" действительно удобно, оно позволяет создавать пользовательские элементы управления и другие компоненты на веб-странице, просто перетаскивая элемент с панели инструментов на страницу дизайна. Несмотря на то, что он не позволяет позиционирование и расширенные стили, как это делает Dreamweaver, это действительно полезная функция, если вы хотите избежать болезненного форматирования HTML и стиля CSS (или у вас нет хороших знаний HTML).
Есть ли способ использовать графический дизайнер для создания макета представления, а затем интегрировать дизайн с "логической" частью представления (той, которая использует модель для заполнения / передачи данных из контроллера в контроллер)?
4 ответа
Я предполагаю, что большинство людей, использующих Visual Studio, испытали мою реакцию при создании своего первого проекта ASP.NET MVC: где закончилось представление Design View?
Не за что. Лично я никогда не использовал представление дизайна в классических веб-формах, и когда я перешел на MVC, это не имело никакого значения. И не только это, нет смысла использовать его больше. Я очень рад, что дизайнер больше не вмешивается в мой код. У меня достаточно головных болей с Intellisense, если вы используете дизайнер, который касается кода за кулисами, все станет грязно. Все, что мне нужно, - это работа с Intellisense, которая завершает теги и идеально понимает HTML5.
Что касается разработки веб-страниц, вы можете взглянуть на инструменты Expression.
Да, у меня была та же самая реакция, происходящая из фона вебформ. Мне нужна постоянная обратная связь графического дизайнера, чтобы я знал, как влияет мой код. Изучение MVC само по себе является достаточно большой кривой обучения без необходимости делать это с завязанными глазами.
Теперь, когда прошло 4 года, я не против сказать, что Page Inspector встроен в VS 2013. Если вы все еще используете VS 2010 в 2015 году, все, что я могу сказать, - если вы обновитесь, вы никогда не будете оглядываться назад.
Просто кликните правой кнопкой мыши по коду и выберите View in Page Inspector. В инспекторе есть кнопка " Проверка", которую вы можете использовать, чтобы увидеть, где в коде находится элемент дизайна. Это может сэкономить ваше время.
РЕДАКТИРОВАТЬ
И похоже, что они удалили его из Visual Studio 2015 и даже не удосужились опубликовать объяснение, почему. Smh... Я обновлю это, если найду стороннее решение.
Я думаю, что они работают над этим как функция для Expression Blend 5 Developer Preview.
Они четко осознают проблему проектирования JS в конструкторе, поэтому я подозреваю, что они понимают, что то же самое относится и к некоторым дизайнерам, работающим над приложениями MVC.
Кто-то из Microsoft сказал мне: "Я думаю, что в Blend для HTML, используя интерактивный режим, вам, вероятно, будет хорошо с проектированием шаблонов MVC или MVVM"
Также проверьте Visual Studio Page Inspector, похоже, он будет делать то, что нужно
Теперь используйте WebEssentials с BrowserLink в VS2013 или выше
Если вы ищете дизайнера, чтобы получить мгновенную обратную связь об изменениях HTML/cshtml, этого можно добиться с помощью функции BrowserLink в Visual Studio. Запустите браузер и перейдите на страницу / представление, которое вы в настоящее время разрабатываете, и когда вы внесете какие-либо изменения в разметку / cshtml, нажмите кнопку обновления в Visual Studio, обновления, сделанные в коде, будут немедленно отправлены в браузер.
Другой альтернативой является использование инструментов разработчика Chrome (F12) и использование функции "Редактировать как HTML".
Я знаю, что эти альтернативы не так богаты, как поддержка нативного представления конструктора в Visual Studio, но это некоторые практические обходные пути.