4. diel - Blog v Spring Boot - Vytvorenie statických podstránok
V predchádzajúcej lekcii, Blog v Spring Boot - Fragmenty a layout, sme si vysvetlili fragmenty a vytvorili si všeobecný layout k nášmu blogu.
V tomto tutoriáli Java Spring Boot si precvičíme prácu s fragmentmi Thymeleaf. Prekopírujeme jednotlivé podstránky HoBiho webu (šablóna webu, ktorú sme stiahli pár lekcií dozadu) do nášho projektu Spring Boot. Výsledkom budú funkčné podstránky, na ktoré sa môžeme prepínať:
Kopírovanie stránok SaBiho webu
Najprv si do projektu z HoBiho webu skopírujeme domovskú stránku.
Domovská stránka –
pages/home/index.html
Na domovskej stránke projektu máme zatiaľ iba ladiaci text. Tento obsah
nahradíme obsahom domovskej stránky zo stiahnutej šablóny. Z
index.html z Hoiho šablóny skopírujeme značku
<article> a všetko v nej a vložíme ju do
pages/home/index.html namiesto tamojšej značky
<article>.
Domovská stránka stiahnutej šablóny obsahuje jeden obrázok a jeden odkaz:
- Obrázok, na ktorý autor šablóny odkazuje, sme
prekopírovali pár lekcií dozadu (viď súbor
resources/static/images/avatar.jpg). Na tento obrázok odkážeme kombináciou atribútuth:srca@. - Odkaz upravíme tak, aby odkazoval zatiaľ na
neexistujúcí akciu (metódu v kontroléri). Podobne ako pri obrázkoch na
akcie budeme odkazovať kombináciou
th:hrefa@. Tieto neexistujúce akcie si za chvíľku vytvoríme.
Súbor pages/home/index.html bude vyzerať takto:
...koniec náhľadu článku...
Pokračuj ďalej
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émiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium III, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- 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áli Java Spring Boot si precvičíme prácu s fragmentmi Thymeleaf a vytvoríme si jednotlivé podstránky webu.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
