Thymeleaf ile Hello World Uygulaması
- Merhaba arkadaşlar Spring Boot MVC + Tymeleaf örnek uygulama yazı dizimizin üçüncü kısmına geçiyor olacağız. Spring Boot kurulumu için yazımızın birinci kısmına >>>BURADAN<<< ulaşabilirsiniz.
- Makalemizin ikinci kısmı olan Rest tipinde bir HelloWorld dönen uygulamamıza da >>>BURADAN<<< ulaşabilirsiniz.
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
´Daha sonra tekrardan bir javaController class’ı açıp bu sefer class üstüne sadece @Controller flagını ekleyip metodumuzun referanslarına da bir metod tanımlamalıyız.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGuFATYZYGc7iJFv_3tJpK3l2sGL4qSowrwbkRQiJgnB0QDl14jUZt3xQWQyxnpIHsB90p41c_88jXOJhKGNyx7v0n3A2-JT7ZGodTeFsPuxTD3p9YeMHBz-lmY_lefNyq0wRNFDTjx9ez/s1600-rw/Resim1.png)
´Metodumuzun
modeline göndereceğimiz attribute’ün ilk string referansı
HTML tarafında istediğimiz yerde göstereceğimiz değişkenin adı, 2. referans ise
bu değişkenin alacağı tipi temsil ediyor.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSPzXf9KAY5sN0GGMs3CIfFIFyRUFgF3VF0rBlFkvc-Q_-adaiJaIw5R06E_zdlwhuSihQXuDqdV9O6cCMIBi8iDVIvkKPJVb0m24kM7aKrHUk0Q0d-jk_y6GtIv2F2GjyteO5w7yMAhe/s1600-rw/Resim2.png)
´Son olarak
metodun return edileceği
değeri HTML dosyamızın ismi ile aynı yapıp Controller tarafındaki işimizi
bitiriyoruz.
´Bu arada src/main/resources/templates path’i altına yeni
bir HTML dosyası açıp ismini return edilecek
isimle aynı yapıyoruz.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBZ4dNYftXw12mS8DCUBZBjMcbDbvYGmJ169O3NM0OmgZS862ax5U2Eii9IjnYPBW6FBLtnFHwXpK-xbYXlRkX2fZ3WilkpGEPIMcW7_c6CGd4Wa3_Ube-QlLC3VpoGp8kFU-1GG_BrWk/s1600-rw/Resim3.png)
Son olarak HTML içerisinde değişkeni nerede göstermek istediğimizi değişkeni ${degisken_adi} şeklinde çekip gösteriyoruz.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeAViL4reVpb-6czXJC9umXKmW421q5eErF480dQDctpigaRXA1RstY3Y5cYwxMYLBef8xmq3p7NWK4GVqLjycizdVOPSR-fmAIp7uGM84rQprH-M_prb2nZjTyp4Sia-52LDsMMB_tyd/s1600-rw/Resim4.png)
´Sonuç olarak;
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqzusCsADpkyA4be30XC9jYJ04sEMtAGa5t9AtHuOBt9K8ftGDwI_SSp6kBUF56Q4SQSDdsJ-PYU9D1Vv6x8K1QLuX3cWpIqO82mKKXqUmiD2wuzCW0ZgVFVgobniI6TrEtz7PUNpaQzYq/s1600-rw/Resim5.png)
0 Comments
Konuyla ilgili yorum giriniz.