Что такое frontend, backend и база данных

Frontend — то, с чем взаимодействует посетитель

Frontend — видимая часть сайта: меню, кнопки, формы, карточки товаров, тексты и изображения. Эта часть отображается в браузере и помогает человеку читать информацию и выполнять действия.

В аналогии с рестораном frontend — зал и меню: гость видит их и выбирает блюдо.

Backend — внутренняя логика сайта

Backend работает за кулисами. Он может обработать отправленную форму, создать заказ, проверить пароль, посчитать стоимость, отправить письмо или получить сведения из другого сервиса.

В ресторанной аналогии backend — кухня и процессы персонала: там принимают заказ из зала и готовят ответ.

База данных — структурированная память

База данных хранит сведения в упорядоченном виде и позволяет быстро найти нужную запись. В ней могут находиться профили пользователей, список товаров, остатки, заказы и заявки.

Не каждый сайт обязательно использует отдельную базу данных. На небольшой статичной странице информацию можно хранить в самих файлах сайта; динамическому магазину или личному кабинету обычно нужно надёжное хранилище.

Как части работают вместе

Посетитель нажимает кнопку или отправляет форму во frontend. Если требуется действие на сервере, frontend отправляет запрос backend. Backend проверяет условия, обращается к базе данных или внешнему сервису и затем передаёт результат обратно.

пользователь → frontend → backend → база данных / API → ответ пользователю

Пример заказа в интернет-магазине

• Frontend показывает каталог и форму заказа.
• Backend проверяет цену, наличие и введённые данные.
• База данных хранит товары и запись о заказе.
• Backend может обратиться к API оплаты или доставки.
• Результат возвращается в браузер: заказ создан или требуется исправить данные.

Как это связано с CMS

CMS — система, через которую сотрудник может добавлять материалы и управлять содержимым сайта. В зависимости от платформы она может использовать frontend для показа страниц, backend для обработки изменений и базу данных для хранения записей.

Как применять на практике

Пройдите одну операцию от интерфейса до сохранения на сервере и ответа пользователю.

Ограничения и частые ошибки

Успешное сообщение в браузере не доказывает запись в базе или доставку уведомления.