Теги: КаталогТоваров

Магазин на JavaScript, часть 15 из 20. Работа с заказами на сервере, оформление заказа

Как-то совсем упустил работу с заказами. Нам нужно на сервере создать две таблицы базы данных, создать маршруты и классы контроллера и модели. Потом протестировать все http-запросы — на создание заказа администратором и обычным пользователем, на получение списка всех заказов и одного заказа администратором и пользователем.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 14 из 20. Кнопка «Назад», страница товара, корзина покупателя

У первого способа есть существенный недостаток — нельзя поделиться ссылкой. То есть, пользователь зашел на наш сайт, выбрал категорию и бренд, перешел на вторую страницу, увидел что-то интересное — и решил поделиться ссылкой. Но эта ссылка будет иметь вид http://server.com — нет выбранной категории, выбранного бренда…
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 13 из 20. Хранилище каталога, компонент витрины, кнопка «Назад»

Теперь самая главная часть магазина — каталог товаров на главной странице. Нам надо создать хранилище товаров с использованием MobX. Организовать загрузку с сервера списка категорий, брендов и товаров. Наконец, фильтровать список товаров при клике на категорию и/или бренд.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть12 из 20. Запросы на сервер, состояние приложения, Signup и Login

Библиотека axios позволяет перехватывать все запросы и ответы и применять к ним определенную логику. Нам нужны два экземпляра axios — для запросов на сервер от любого посетителя сайта и для запросов от авторизованного пользователя. Создаем директорию src/http и внутри нее — файл index.js.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 11 из 20. Компоненты Signup и Login, компоненты Shop и Basket

Теперь будет немного верстки — нам нужно создать все страницы приложения. Для начала страницы ренистрации и авторизации, которые будут очень похожи. Потом главную страницу магазина со списком всех товаров каталога. Наконец, страницу просмотра одного товара и страницу корзины покупателя.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 10 из 20. Маршруты, панель навигации, контекст приложения

В React имеется своя система маршрутизации, которая позволяет сопоставлять запросы к приложению с определенными компонентами. Ключевым звеном в работе маршрутизации является модуль react-router, который состоит из react-router-dom и react-router-native. Для браузерных приложений предназначен модуль react-router-dom.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 9 из 10. Рейтинг товара, приложение клиента, структура проекта

Теперь разберемся с рейтингами товаров. Голосовать за товары могут только зарегистрированные пользователи. Пользователь может проголосовать за товар только один раз. Рейтинг товара вычисляется как сумма оценок, поделенная на количество голосований. Как обычно, создаем новые маршруты, контроллер и модель.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 8 из 20. Работа со свойствами товара и корзиной покупателя

Сейчас работать со свойствами товара не слишком удобно. Если нам надо добавить новое свойство, отредактировать или удалить существующее, надо обновить товар целиком. Тогда все старые свойства товара будут удалены, а новые добавлены. Давайте это исправим, чтобы со свойствами товаров можно было работать точечно…
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 7 из 20. Регистрация и авторизация, права пользователей, тесты

Для работы с JWT-токенами нам потребуется пакет jsonwebtoken, чтобы создавать и проверять токены. Чтобы хэшировать пароли пользователей, а не хранить их в базе данных в открытом виде, нужно установить пакет bcrypt. Реализуем методы контроллера, которые отвечают за регистрацию и авторизацию пользователя.
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js

Магазин на JavaScript, часть 6 из 20. Пагинация, свойства товара, JWT (JSON Web Token)

Товаров в каталоге может быть много и показывать их все на одной странице — плохая идея. Так что давайте заложим возможность запрашивать только часть товаров. Клиент может добавить GET-параметры limit (количество товаров на странице) и page (товары какой страницы возвращать). Sequelize предоставляет в наше распоряжение…
Теги: BackendExpress.jsFrontendJavaScriptNode.jsORMReact.js
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.