4. diel - Blog v Spring Boot - Vytvorenie statických podstránok
V minulej lekcii, Blog v Spring Boot - Fragmenty a layout, sme si vysvetlili fragmenty a vytvorili si všeobecný layout k nášmu blogu.
V tomto Java Spring Boot tutoriále si precvičíme prácu s Thymeleaf fragmentmi. Prekopírujeme jednotlivé podstránky SaBiho webu (šablóna webu, ktorú sme stiahli pár lekcií späť) do nášho Spring Boot projektu. Výsledkom budú funkčné podstránky, na ktoré sa môžeme prepínať:
Kopírovanie stránok SaBiho webu
Najprv si do projektu zo SaBiho 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 SaBiho š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ý sa autor šablóny odkazuje, sme
prekopírovali pár lekcií späť (viď súbor
resources/static/images/avatar.jpg
). Na tento obrázok odkážeme kombináciou atribútuth:src
a@
. - 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:href
a@
. 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
Minul 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 Java Spring Boot tutoriále si precvičíme prácu s Thymeleaf fragmentmi 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ť.