Lekce 4 - Blog ve Spring Boot - Vytvoření statických podstránek

V minulé lekci, Blog ve Spring Boot - Fragmenty a layout, jsme si vysvětlili fragmenty a vytvořili si obecný layout k našemu blogu.

V tomto Java Spring Boot tutoriálu si procvičíme práci s Thymeleaf fragmenty. Překopírujeme jednotlivé podstránky HoBiho webu (šablona webu, kterou jsme stáhli pár lekcí zpět) do našeho Spring Boot projektu. Výsledkem budou funkční podstránky, na které se můžeme přepínat:

Domovská stránka – pages/home/index.html

Na domovské stránce máme zatím pouze ladící text. Tento obsah nahradíme obsahem domovské stránky ze stažené šablony. Z index.html z HoBiho šablony zkopírujeme značku <article> a vše v ní a vložíme ji do pages/home/index.html místo tamní značky <article>.

Domovská stránka stažené šablony obsahuje 1 obrázek a 2 odkazy:

• Obrázek, na který se autor šablony odkazuje, jsme překopírovali pár lekcí zpět (viz soubor resources/static/images/avatar.jpg). Na tento obrázek odkážeme kombinací atributu th:src a @.
• Odkazy upravíme tak, aby odkazovaly zatím na neexistující akce (metody v kontroleru). Podobně jako u obrázků na akce budeme odkazovat kombinací th:href a @. Tyto neexistující akce si za chvilku vytvoříme.

Soubor pages/home/index.html bude vypadat takto:

...konec náhledu článku...
Pokračuj dál