Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 15 - Správa požadavků v Reactu a Express API s Codexem Nové

V minulé lekci, PostgreSQL - Datový model a připojení Expressu, jsme s Codexem navrhli datový model, vytvořili a spustili SQL skript a připojili Express backend k PostgreSQL.

V tomto tutoriálu kurzu vývoje aplikací s AI rozšíříme portál EnergoSun o kompletní správu požadavků. Pomocí Codexu, Reactu, TypeScriptu, Express API a PostgreSQL propojíme formulář s databází a umožníme vytvářet požadavky, měnit jejich stav, předávat je řešitelům a ukládat historii změn. Funkčnost následně ověříme přímo v aplikaci a pomocí nástroje Network budeme sledovat jednotlivé HTTP požadavky.

HTTP metody pro správu požadavků

Portál EnergoSun už dokáže načítat požadavky z databáze pomocí metody GET. Nyní jej rozšíříme o možnost vytvářet nové požadavky a upravovat ty existující. K tomu využijeme další HTTP metody:

  • POST – vytvoří nový požadavek.
  • PATCH – změní vybrané údaje existujícího požadavku.

Existuje také HTTP metoda DELETE, která slouží k odstranění záznamu. V našem portálu ji ale používat nebudeme. Požadavky chceme uchovávat, aby bylo možné kdykoliv zpětně dohledat jejich obsah i historii změn.

Pro jednotlivé operace využijeme následující API endpointy:

GET   /api/requests
POST  /api/requests
PATCH /api/requests/:id/status
PATCH /api/requests/:id/assignee

Část :id představuje identifikátor konkrétního požadavku. Endpoint /status použijeme ke změně stavu a /assignee k předání jinému řešiteli.

HTTP metoda určuje, jakou operaci má backend provést. Například GET /api/requests načítá seznam požadavků, zatímco POST /api/requests vytváří nový požadavek.


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Obsah článku spadá pod licenci Premium II, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tutoriálu rozšíříme React aplikaci o správu požadavků. Implementujeme a ověříme jejich vytváření, změny stavů, předávání řešitelům a historii změn.
Článek pro vás napsal Adam Hamšík
Avatar
.
Aktivity