Lekce 15 - Databázový klient ve Vue - Detail, editace a odstranění osob
V minulé lekci, Databázový klient ve Vue - Filtrování a výpis osob, jsme se podívali na komponenty pro filtrování a výpis osoby.
V dnešní lekci si naprogramujeme zobrazení detailu osoby, její úpravu údajů a také odstranění.
Routování
Jak jistě už víme, detail a editaci osoby budeme dělat přes jiné URL
adresy. Ke každé funkcionalitě si vytvoříme další routy v souboru
router/index.js
:
{ path: "/people/show/:id", name: "PeopleShow", component: () => import("@/components/People/PersonShow"), }, { path: "/people/edit/:id", name: "PeopleEdit", component: () => import("@/components/People/PersonEdit"), },
Nyní můžeme navštívit adresy /people/show/1
či
/people/edit/1
. Samozřejmě za předpokladu, že existuje osobnost
s ID 1 (v MongoDB databázi však máme většinou hexadecimální hodnotu,
například 61372b34766f9f0900b2ad67
). Zda osobnost s tímto ID
existuje je zatím jedno, nemáme totiž přichystané šablony, které by něco
vypisovaly. Také nám chybí ve výpisu osob tlačítka na editaci či detail.
Pojďme to napravit.
...konec náhledu článku...
Pokračuj dál
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.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- 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 dnešní lekci si naprogramujeme zobrazení detailu osoby, její úpravu údajů a také odstranění.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.