Кейс: магазин с корзиной и оплатой

Каталог, карточка товара, корзина в памяти приложения, оплата вашей кассой.

Магазин в превью: каталог, корзина, заказы.
Магазин в превью: каталог, корзина, заказы.
  1. Таблица «Товары»: title, price (число), image, description, inStock (да/нет), category (список).
  2. Каталог. Сетка в две колонки, внутри повторитель по «Товарам», в карточке — «Карточка товара» с подстановками.
  3. Корзина. Таблица cart со столбцами title, price, image и разрешением «Каждый пишет себе». На кнопке «В корзину» — «Добавить запись»: таблица cart, поля title = {{item.title}}, price = {{item.price}}.
  4. Счётчик в меню. Пункт нижнего меню «Корзина» со значком {{cart.count}}.
  5. Экран корзины. Список из таблицы по cart, в строке — «Убрать запись» с {{item}} в поле «Какую запись», внизу компонент «Итого»: таблица cart, поле price.
  6. Оплата. Подключите кассу, на кнопке «Оплатить» — «Принять оплату» с суммой из итога. После неё «Очистить мои записи» с таблицей cart и переход на экран «Готово».

Читать дальше