15. diel - Správa požiadaviek v Reactu a Express API s Codexom Nové

V minulej lekcii, PostgreSQL - Dátový model a pripojenie Expressu , sme s Codexom navrhli dátový model, vytvorili a spustili SQL skript a pripojili Express backend k PostgreSQL.

V tomto tutoriále kurzu vývoja aplikácií s AI rozšírime portál EnergoSun o kompletnú správu požiadaviek. Pomocou Codexu, Reactu, TypeScriptu, Express API a PostgreSQL prepojíme formulár s databázou a umožníme vytvárať požiadavky, meniť ich stav, odovzdávať ich riešiteľom a ukladať históriu zmien. Funkčnosť následne overíme priamo v aplikácii a pomocou nástroja Network budeme sledovať jednotlivé HTTP požiadavky.

HTTP metódy pre správu požiadaviek

Portál EnergoSun už dokáže načítať požiadavky z databázy pomocou metódy GET. Teraz ho rozšírime o možnosť vytvárať nové požiadavky a upravovať tie existujúce. K tomu využijeme ďalšie HTTP metódy:

  • POST – vytvorí novú požiadavku.
  • PATCH – zmení vybrané údaje existujúcej požiadavky.

Existuje aj HTTP metóda DELETE, ktorá slúži na odstránenie záznamu. V našom portáli ju ale používať nebudeme. Požiadavky chceme uchovávať, aby bolo možné kedykoľvek spätne dohľadať ich obsah aj históriu zmien.

Pre jednotlivé operácie využijeme nasledujúce API endpointy:

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

Časť :id predstavuje identifikátor konkrétnej požiadavky. Endpoint /status použijeme na zmenu stavu a /assignee na odovzdanie inému riešiteľovi.

HTTP metóda určuje, akú operáciu má backend vykonať. Napríklad GET /api/requests načíta zoznam požiadaviek, zatiaľ čo POST /api/requests vytvára novú požiadavku.


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.

Obsah článku spadá pod licenciu Premium II, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriále rozšírime React aplikáciu o správu požiadaviek. Implementujeme a overíme ich vytváranie, zmeny stavov, odovzdávanie riešiteľom a históriu zmien.
Článok pre vás napísal Adam Hamšík
Avatar
.
Aktivity