NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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

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.

Koupit tento kurz

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za pouhých 375 Kč
Aktuální stav konta 0 Kč
Koupí tohoto balíčku získáš přístup ke všem 22 článkům (22 lekcí) tohoto kurzu.

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.

Co od nás v dalších lekcích dostaneš?
  • 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íť.

Článek pro vás napsal Samuel Hél
Avatar
Autor se věnuje hlavně programování, nejvíce z oblasti webových technologií, dělá občasné video edity ze svých dovolených. Má rád memes, svou gf a elektroniku
Aktivity