4.5 KiB
Vylepšenie smerovania
Pokyny
Teraz, keď ste vytvorili základný systém smerovania, je čas ho rozšíriť o profesionálne funkcie, ktoré zlepšujú používateľskú skúsenosť a poskytujú lepšie nástroje pre vývojárov. Reálne aplikácie potrebujú viac než len prepínanie šablón – vyžadujú dynamické názvy stránok, lifecycle hooks a rozšíriteľné architektúry.
V tejto úlohe rozšírite svoju implementáciu smerovania o dve základné funkcie, ktoré sa bežne nachádzajú v produkčných webových aplikáciách. Tieto vylepšenia dodajú vašej bankovej aplikácii profesionálny vzhľad a poskytnú základ pre budúce funkcie.
Deklarácia trás momentálne obsahuje iba ID šablóny, ktoré sa má použiť. Ale pri zobrazovaní novej stránky je niekedy potrebné trochu viac. Vylepšime našu implementáciu smerovania o dve ďalšie funkcie:
Funkcia 1: Dynamické názvy stránok
Cieľ: Pridajte názvy ku každej šablóne a aktualizujte názov okna s týmto novým názvom, keď sa šablóna zmení.
Prečo je to dôležité:
- Zlepšuje používateľskú skúsenosť zobrazovaním popisných názvov na kartách prehliadača
- Zvyšuje prístupnosť pre čítačky obrazovky a asistívne technológie
- Poskytuje lepší kontext pre záložky a históriu prehliadača
- Dodržiava profesionálne postupy webového vývoja
Prístup k implementácii:
- Rozšírte objekt trás o informácie o názve pre každú trasu
- Upravte funkciu
updateRoute(), aby dynamicky aktualizovaladocument.title - Otestujte, či sa názvy správne menia pri navigácii medzi obrazovkami
Funkcia 2: Lifecycle hooks trás
Cieľ: Pridajte možnosť spustiť nejaký kód po zmene šablóny. Chceme, aby sa v konzole vývojára zobrazilo 'Dashboard is shown' vždy, keď sa zobrazí stránka dashboardu.
Prečo je to dôležité:
- Umožňuje vykonávanie vlastnej logiky pri načítaní konkrétnych trás
- Poskytuje hooks pre analytiku, logovanie alebo inicializačný kód
- Vytvára základ pre zložitejšie správanie trás
- Demonštruje observer pattern vo webovom vývoji
Prístup k implementácii:
- Pridajte voliteľnú vlastnosť callback funkcie do konfigurácií trás
- Vykonajte callback funkciu (ak je prítomná) po dokončení vykreslenia šablóny
- Zabezpečte, že funkcia funguje pre akúkoľvek trasu s definovaným callbackom
- Otestujte, či sa správa v konzole zobrazí pri návšteve dashboardu
Hodnotiace kritériá
| Kritérium | Vynikajúce | Dostatočné | Potrebuje zlepšenie |
|---|---|---|---|
Obe funkcie sú implementované a fungujú. Názov a pridanie kódu fungujú aj pre novú trasu pridanú do deklarácie routes. |
Obe funkcie fungujú, ale správanie je pevne zakódované a nie je konfigurovateľné prostredníctvom deklarácie routes. Pridanie tretej trasy s názvom a pridaním kódu nefunguje alebo funguje čiastočne. |
Jedna z funkcií chýba alebo nefunguje správne. |
Zrieknutie sa zodpovednosti:
Tento dokument bol preložený pomocou služby AI prekladu Co-op Translator. Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nenesieme zodpovednosť za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.