Инженеры-программисты любят придумывать способы организации кода. Чем более организована база кода, тем легче будет ориентироваться. Наличие организованной базы кода позволит легко выявлять и быстро исправлять ошибки и внедрять новые функции, когда вы будете готовы.
Один из самых популярных способов организации кода — использование инфраструктуры модели, представления и контроллера (MVC). В этом руководстве мы собираемся обсудить, как используется шаблон MVC и почему вы должны использовать его в своём коде.
Что такое MVC Framework?
Фреймворк модели, представления и контроллера заявляет, что разные разделы вашего кода имеют разные приложения в рамках проекта. Часть вашего кода описывает, как выглядит ваше приложение, тогда как другие части вашего кода управляют тем, как приложение работает.
MVC делит эти разные приложения на три компонента. Используя платформу MVC, вам легко организовать свой код в эти три раздела.
Таким образом, редактировать код и вносить изменения проще, потому что вы будете знать, где искать, когда вам нужно внести изменения. MVC может применяться к программному обеспечению, мобильным проектам и проектам веб-разработки, но особенно распространён в веб-проектах.
Давайте обсудим каждую из трёх частей инфраструктуры MVC ниже.
Модель
Модель представляет данные в вашем приложении и то, как они структурированы. Она может хранить данные и определять способы доступа к данным. Модель обычно находится на стороне сервера приложения.
Предположим, вы создаёте приложение-календарь. Ваша модель может определять тип «события», который используется для отслеживания всех ваших встреч. Он также может определять тип «пользователя», чтобы вы могли войти в свой календарь и увидеть свои события.
Представление
Представление — это весь код, составляющий часть приложения, обеспечивающую взаимодействие с пользователем. Другими словами, представление — это пользовательский интерфейс.
В веб-приложении представление содержит код HTML, CSS и JavaScript, который запускает ваше приложение. Представление также охватывает любые фреймворки, такие как React или Vue.js, которые вы используете для разработки пользовательского интерфейса. В приложении календаря код представления будет определять способ отображения календаря на веб-сайте и формы, которые пользователи могут использовать для создания события.
Контроллер
Контроллер подобен мосту между представлением и моделью. Эта часть инфраструктуры MVC получает ввод пользователя и обрабатывает его.
Вернёмся к примеру приложения календаря. Контроллер будет соединять типы данных, которые вы определили. Например, «событие» или «пользователь», и пользовательский интерфейс, чтобы ваше приложение работало. Например, контроллер может гарантировать, что пользователь заполнил все поля в форме «создания события», а затем добавить это событие в базу данных.
ЧИТАЙТЕ ТАКЖЕ: PHP фреймворки.
Как реализован MVC
MVC — это модель, которую вы можете использовать для определения структуры вашего приложения. MVC используется не только для того, чтобы ваш код выглядел красиво. Это способ помочь вам ускорить процесс разработки.
Предположим, вы создаёте приложение-календарь. Пользователь сообщает вам об ошибке в пользовательском интерфейсе при отправке формы. Поскольку эта ошибка появляется в пользовательском интерфейсе, вы знаете, что вам нужно перейти к коду просмотра в вашем приложении.
Вам не нужно беспокоиться о чтении структур данных или файлов контроллеров. Вы можете сразу перейти к источнику проблемы — представлению — и внести необходимые изменения в код.
На практике архитектура MVC может означать, что у вас есть отдельные папки для хранения различных частей вашего приложения. Например, в веб-приложении вы можете использовать эту структуру для каждой веб-страницы:
page_name.html
styles.css
controller.js
Оба файла HTML и CSS в приведённом выше списке относятся к представлению. Это потому, что HTML и CSS — это клиентские технологии, используемые для определения структуры и стиля приложения. Файл JS относится к контроллеру, потому что он содержит код, который считывает данные из приложения и решает, как его следует использовать.
Заключение
MVC — лучший способ организовать ваш код. Используя MVC, вы должны разделить свой код на три компонента: модель, представление и контроллер.
Эта структура полезна для всех проектов разработки программного обеспечения, независимо от их размера. Для крупномасштабных проектов особенно важно использовать фреймворк вроде MVC. Потому что он гарантирует, что каждый разработчик понимает, как структурировано приложение. Без чёткой структуры приложения большой проект может быстро выйти из-под контроля. Код может потеряться, или может быть действительно сложно найти, какие файлы нужно изменить, когда запрашивается новая функция.
Когда вы создаёте своё следующее веб-приложение, спросите себя: организован ли мой код с использованием MVC? Если вы не используете фреймворк, подумайте, какие части вашего приложения являются моделями, представлениями и контроллерами. Затем переместите свой код так, чтобы он был разделён на эти группы. Это поможет вам отслеживать свой код и продемонстрировать свои навыки профессионального развития.
ЧИТАЙТЕ ТАКЖЕ: Фреймворки JavaScript.
