Цель этого руководства — предоставить основные шаги для создания простого веб-сайта MVC и дать толчок вашим навыкам веб-разработки, изучить лучшие практики и написать чистый код, используя примеры из реальной жизни. Это первая статья из серии о том, как создать свой веб-сайт с использованием принципов .Net MVC, Azure, SOLID и т. д. В следующих руководствах вы сможете узнать, как применять стили к своему веб-сайту, размещать сайт в облаке, создать базу данных, создать веб-API и т. д. Все это может звучать для вас как ракетостроение прямо сейчас, но продолжайте читать, это будет иметь больше смысла в каждом посте, который будет опубликован.

Требования:
Знание языка программирования C#
Visual Studio 2017

Сначала откройте Visual Studio и создайте новый проект (Файл -> новый -> проект), выберите веб-приложение ASP.NET (.Net framework), и для этого примера я назову проект — Pizza.Web. Мы будем использовать этот сайт в наших следующих уроках.

Выберите пустой проект MVC, без авторизации, нажмите «Далее».

Вот вы видите, что Visual Studio сгенерировала вам пустой проект MVC. Давайте проверим, какие файлы и папки у нас есть.

В проекте MVC есть 3 основные части: Модели, Контроллеры и Представления. , отсюда и произошло название MVC.

Краткий обзор этих трех основных компонентов:

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

Представления — используются для отображения данных, которые мы хотим показать конечному пользователю. Может состоять из диаграмм, таблиц, списков и т. д.

Контроллеры — используются для возможности маршрутизации входящих HTTP-вызовов и сопоставления их с логикой, которую мы хотим выполнить. Может содержать входной параметр, который можно передать как модели, так и представлению.

Общий обзор того, как получить от размещения вашего URL-адреса в браузере результат:

  • Браузер создает запрос
  • Запрос переходит в настроенную маршрутизацию и проверяет совпадения
  • Маршрутизация идет к обработчику MVC
  • Затем обработчик MVC находит и выполняет контроллер.
  • После выполнения действия контроллера возвращается View(бывают случаи, когда мы возвращаем другой результат(файл, JSON и т.д.))

Скрипты и контент.

Как видите, у нас есть папка Scripts и папка Content.

В папке Scripts мы храним все файлы javascript, которые будем использовать в нашем проекте. некоторый пример использования javascript для проверки данных на стороне клиента, анимации и т. д.

В папке Content мы храним такие вещи, как файлы CSS, изображения, значки и т. д. Используется для оформления страницы.

Далее у нас есть папка Controllers, в ней мы можем определить контроллеры, для каждой страницы мы должны использовать разные контроллеры, например — для страницы контактов мы должны создать Контактконтроллер.

Далее у нас есть папка Views, представление состоит из HTML-кода, который мы хотим отобразить пользователю.

Теперь, когда мы рассмотрели самые основные моменты MVC, нажмите F5, и вы должны увидеть следующий веб-сайт.

Поздравляем, вы создали свой первый сайт.