FEOD на примере проекта

Важно

Страница была сгенерирована AI и требует ручной доработки.

В этом разделе мы рассмотрим, как FEOD применяется в реальном проекте. Мы разберём структуру типичного e-commerce приложения и посмотрим на полные примеры кода, чтобы увидеть, как методология работает на практике.

Обзор проекта

Представим, что мы разрабатываем интернет-магазин со следующими функциями:

• Каталог товаров с фильтрацией
• Корзина покупок
• Личный кабинет пользователя
• Система заказов

Пример проекта

Давайте посмотрим на базовый пример работы приложения от точки входа до отображения страницы.

• app
• pages
  • catalog
• modules
  • ProductCatalog
    • types
    • api
    • composables
    • components
  • ShoppingCart
    • composables
    • store
• common
  • utilities

Выберите файл в дереве слева

Ключевые принципы в примере

1. Изоляция модулей — каждый модуль содержит свою логику и компоненты. ProductCatalog не знает о ShoppingCart напрямую.

2. Переиспользование через common — общие части (Button, formatPrice) вынесены в common и используются модулями.

3. Страницы используют модули — страница catalog/index.vue использует модули ProductCatalog и ShoppingCart, но не содержит бизнес-логики.

4. Чёткие границы — модули экспортируют только публичный API через index.ts, внутренние файлы недоступны извне.

5. Типобезопасность — все типы определены в модулях и используются для обеспечения типобезопасности.

Следующие шаги

Теперь, когда вы увидели полный пример проекта, вы можете:

• Изучить полное введение для понимания философии
• Посмотреть быстрое введение для быстрого старта
• Изучить детали структуры для понимания каждой сущности
• Посмотреть практические примеры для более глубокого понимания