15. 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 HoBiho 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ť:
Domovská stránka –
pages/home/index.html
Na domovskej stránke máme zatiaľ iba ladiaci text. Tento obsah nahradíme
obsahom domovskej stránky zo stiahnutej šablóny. Z index.html
z
HoBiho š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 1 obrázok a 2 odkazy:
- 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@
. - Odkazy upravíme tak, aby odkazovali zatiaľ na
neexistujúce akcie (metódy 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.
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ť.