Когда-то сайты использовали простой HTML и CSS, а для их создания было достаточно 1-2 разработчиков. Сегодня большинство сайтов и приложений имеют сложную архитектуру с огромным функционалом. А над разработкой одновременно могут работать сотни специалистов. Чтобы облегчить процесс, уменьшить нагрузку и риски ошибок, разработчики используют различные шаблоны и паттерны организации кода. Одним из таких является Model View Controller.
Что такое паттерн MVC
Model View Controller (MVC) — это шаблон архитектуры приложения, который разделяет весь код на удобные взаимосвязанные 3 части:
- Модель — отвечает за логику, данные и правила приложения.
- Вид — отвечает за предоставление информации пользователю.
- Контроллер — является связующим звеном между Model и View.
Шаблон проектирования MVC изначально был разработан для контроля и управления большими массивами данных. Долгое время был предназначен только для настольных компьютеров. Но благодаря возможности масштабирования стал одним из самых популярных шаблонов и начал активно использоваться для мобильной разработки.
Особенности MVC
Паттерн Model View Controller имеет следующие особенности:
- Благодаря тому, что код разделен на отдельные удобные блоки, его можно менять независимо друг от друга. То есть, дизайн можно изменить без изменения логики приложения.
- Модель MVC позволяет вносить итерационные правки в отдельные части кода без риска повлиять на другие части. Это снижает вероятность ошибок и упрощает процесс тестирования.
- MVC дает полный контроль над HTML и URL-адресами, поэтому проектирование архитектуры становится проще.
- Эта модель архитектуры позволяет легко добавлять новые функции. А изменения можно сразу видеть практически в реальном времени.
- Поддержка нескольких интерфейсов дает возможность использовать один Model для разных видов представления. Например, не нужно менять логику работы на ПК, мобильном или веб, меняется только View.
Именно поэтому паттерн MVC является одним из наиболее популярных и распространенных в разработке.
Что такое шаблон MVC простыми словами
Рассмотрим на примере телевизора работу MVC. Model — это внутренняя часть телевизора, его приложения. Мы не видим, что внутри, но оно есть и работает. Для нас, как для пользователей, важнее изображение, а это View. Но ее качество, или сам контент зависят от Model, потому что именно там происходят все процессы. Мы же выбираем, смотреть фильм, передачу или мультик.
Но как мы будем это выбирать? Через Controller, это наш «пульт». Сам по себе он не является независимым компонентом. Его задача — быть передатчиком между экраном и «железом» внутри.
Модель архитектуры MVC позволяет работать с каждой частью отдельно. Если пульт перестал работать, нужно заменить батарейки, а не весь экран. Если нам не нравится передача, можно сделать запрос на Model через наш пульт и переключить картинку.
Компоненты MVC
Model View Controller состоит из 3 блоков:
- Model — отвечает за логику и работу с данными. Эту часть не видит пользователь, но именно здесь происходит вся «магия», хранятся данные и происходят операции CRUD.
- View — в этой части весь код, который отвечает за пользовательский интерфейс. То, что видит пользователь и как взаимодействует с данными. Здесь находится код, который отвечает за кнопочки, их цвет, форму, другие элементы интерфейса.
- Controller — связующее звено между Model и View. Как пульт от телевизора. Он не создает изображение на экране (View), а всего лишь говорит телевизору, что именно нужно сделать.
MVC позволяет организовать код в аккуратные блоки. Благодаря этому с ним легко работать, изменять, масштабировать и проводить тесты.
YouTube
Как работает паттерн MVC на примере
Чтобы понять, как происходит работа MVC, давайте рассмотрим на примере создания приложения для заказа пиццы.
Model
Здесь хранятся данные о каждой позиции в нашем приложении. Как называется пицца, что в нее входит и в каком количестве, ее цена. Также здесь хранятся данные о запросе пользователя. Клиент захотел 2 пиццы, добавил или убрал компоненты, сформировал свой заказ. Все это находится в части Model.
View
Чтобы пользователь заказал свои 2 пиццы, он должен где-то узнать о них и выбрать. Для этого у него есть сайт/приложение, где он видит меню, состав, изображение пиццы, ее размер и стоимость. Там же он может добавить оливки, убрать грибы или к пицце взять еще напиток. Все это происходит в части View.
Controller
И вот, наш клиент готов сделать заказ. Нажимает кнопку «Добавить в корзину». Контроллер сообщает Модели, что клиент выбрал 2 пиццы, что нужно убрать грибы и добавить оливки, а также добавить к заказу напиток. В Model формируется заказ, потому что Controller так сообщил. Запускается процесс оформления заказа.
