Страница "Спасибо за заказ"

Последнее, что нам осталось сделать, - это добавить благодарность клиенту за заказ и указание, что ему делать дальше.

Для этого воспользуемся уже знакомым методом app.html. В адресе этого метода используем id заказа

const orderPage = app.html('/order/:id', async(ctx,req) => {
  const order = await orderTable.getById(ctx, req.params.id !)
  const item = await order.item.get(ctx)
  return <Layout title='Заказ'>
    <h1 class={"mb-4"}>Спасибо за заказ!</h1>
    <div>
      Вы заказали "{item.title}"
    </div>
    <div>
      Мы свяжемся с вами чтобы уточинть условия доставки
    </div>
  </Layout>
})

И уже после этого добавим последнюю строку в обработчик формы buyAction, которая будет отправлять на страницу заказа после добавления в таблицу, с указанием id свежесозданного заказа

return ctx.resp.redirect( orderPage({id:order.id}).url() )

Редирект после отправки формы

Итоговый код

Код этого примера можно увидеть тут, а здесь можно увидеть демо.

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании