Spring Boot Thymeleaf Ajax Proje Uygulama Örneği

Spring Boot

Spring Boot Dersleri‘ne devam ediyoruz.

Bu yazıda bir uygulama yapacağız. Bu uygulama ile kullanıcı ad ve soyad bilgilerini rest ile gönderip bu gönderim cevabının başarılı ya da başarısız cevabını ajax ile alcağız. Eğer gelen cevap başarılı ise kullanıcının girdiği verileri de ajax ile göstereceğiz.

Spring Boot uygulaması maven projesi olacaktır. Bağımlılığımıza bakalım.

Kullanıcı modelimizi oluşturalım.

Oluşturağımız kullanıcı formundan gelecek olan bilgilerin boş olup olmadığının kontrolü için bir class oluşturalım. Bu classın alanları @NotBlank anotasyonu ekleyerek validasyonu sağlıyoruz. Olumsuz bir durumda anotasyon içerisindeki message attributesine yazacağımız mesaj ile cevap veriyoruz.

Service katmanımızı oluşturalım. Service katmanı kullanıcıdan gelecek verileri alan katmandır. Dönecek cevabıda veriAl metodunda oluşturuyoruz.

Ajax cevabımızı vereceğimiz classımızı oluşturuyoruz. Bu class içerisinde başarılı veya başarısız durumun sonucu ve kullanıcıdan gelen verileri göstereceğiz.

Şimdi sayfamızı yönlendirmemizi sağlayacak olan controllerimizi oluşturalım.

Ajax istediğinden gelecek Rest isteğini yönetebileceğimiz Controllerimizi oluşturalım.

Şimdi kullanıcımızın verilerini gireceği sayfamızı oluşturalım. Kullanıcı ad ve soyad verilerini girip gönder tuşuna basacaktır.

Ajax işlemlerini yapacağımız JS’imizi oluşturalım.

JS dosyamız kullanıcıdan aldığı veriyi alarak rest isteği olarak gönderiyor. Bu rest isteği ulaşıyor ve boş olup olmadığının kontrolü sonrasında cevap dönülecektir.


Kaynak Kodlara Github'tan UlaşBu yazıda anlatılan projenin kaynak kodlarını Github üzerinden indirebilirsiniz.
Önceki Ders: Initial Data
Spring Boot Dersleri
Sonraki Ders: Spring Cache Nasıl Yapılır? Uygulama Örneği

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Burak KUTBAY 2010 - 2019
%d blogcu bunu beğendi: