что нужно знать о создании сложных веб-серверов…

MVC означает модель, представление и контроллер. Которые являются неотъемлемой частью практически любого современного веб-приложения, которое вы видите. Краткое резюме:

Модель: хранит данные и логику, связанную с данными.

View: Отвечает за проблемы UI/UX и за то, что пользователь увидит и с чем будет взаимодействовать.

Контроллер: интерфейс между моделями и представлениями. Он может обрабатывать запросы от представления и использовать модель для управления данными, которые будут отправлять эти данные обратно в представление для рендеринга.

Зачем вообще заморачиваться?

Что ж, существует множество преимуществ использования структуры MVC, таких как простой и понятный способ разделения HTML и Javascript или сокращение повторений в вашем коде, а также улучшенная SEO (поисковая оптимизация); таким образом предоставляя меньше запросов от клиента к серверу.

В приведенных выше примерах показано, как будет структурировано веб-приложение, использующее MVC. Как видите, в MVC вам понадобится папка config, папка контроллера, содержащая маршруты (также для API), папка DB, в которой будет создана ваша база данных, папка Seeds, содержащая данные, папка Utils, для которой требуется аутентификация, выполняемая user, папка Views, содержащая рули, наконец, убедитесь, что вы включили свои зависимости (используя npm для установки).

В вашем файле package.json вы можете захотеть включить эти зависимости. Пожалуйста, обратитесь к этому веб-сайту, чтобы узнать, как установить https://www.npmjs.com/

«автор»: «»,
«лицензия»: «ISC»,
«зависимости»: {
«bcrypt»: «⁵.0.0»,
«connect-session -sequelize”: “⁷.0.4”,
“dotenv”: “⁸.2.0”,
“express”: “⁴.17.1”,
“express-handlebars”: “⁵ .2.0»,
«экспресс-сессия»: «№.17.1»,
«рули»: «⁴.7.6»,
«mysql2»: «².2.5»,
«sequelize»: «⁶.3.5»

МОДЕЛИ в MVC должны выглядеть примерно так:

// Определение полей/столбцов в модели
// `id` автоматически создается Sequelize, хотя лучше всего определить первичный ключ самостоятельно
{
title: {
> тип: DataTypes.STRING
},
автор: {
тип: DataTypes.STRING
},
isbn: {
тип: DataTypes.STRING
},
страницы: {
тип: DataTypes.INTEGER
},
издание: {
тип: DataTypes.INTEGER
},
// Станет `is_paperback` в таблице из-за флага `underscored`
isPaperback: {
type: DataTypes.BOOLEAN
}
},

Краткий обзор того, что такое рули и какую функцию они выполняют для VIEWS в MVC.

Handlebars.s — это расширение языка шаблонов под названием Mustache. это нелогичный язык шаблонов, который имеет возможность доступа к внутренним службам в DOM. Чтобы настроить руль, вы должны передать объект (используя пару ключ-значение)

Создание маршрутов для размещения в КОНТРОЛЛЕРЕ в MVC, используйте метод CRUD. Пример размещен ниже:

// МАРШРУТЫ

// CREATE
// POST /api/users

// ПРОЧИТАТЬ
// ПОЛУЧИТЬ /api/users
// ПОЛУЧИТЬ /api/users/:id

// ОБНОВЛЕНИЕ
// ПОСТАВКА /api/users/:id
// ПОСТАВКА /api/users

// УДАЛИТЬ
// УДАЛИТЬ /api/users/:id
// УДАЛИТЬ /api/users

При создании веб-приложения с использованием полного стека обязательно уделите время тому, чтобы понять, какую роль Express.js, Sessions и Connect-Sessions-Sequelize играют в общей схеме приложения.

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

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

УДАЧИ В ВАШЕМ ПУТЕШЕСТВИИ КОДИРОВАНИЯ! -СААД