PrimeFaces

PrimeFaces-Password Kullanımı

Merhaba arkadaşlar. Bu yazıda girilen şifrelerin eşit olup olmadığınıistemci tarafında kontrol etmeyi sağlayan Password bileşeninin kullanımını öğreneceğiz.

Kullanıcıya kayıt olması için bir form hazırladığımızı düşünelim. Bu formda olmazsa olmazlardan birisi kullanıcının şifresini girmesi ve şifresini onaylamak için tekrar girmesidir. Biz istese idik bu iki şifrenin konrolünü Java (bean/back-end) tarafında da yapabilirdik. Ama bu işlemin JavaScript veya onun üstüne bina edilmiş başka bir yapı ile yapılaması uygulamamıza performans katacaktır çünkü bu tarz işlemlerin sunucu tarafından istemci tarafına alınması sunucunun yükünü azaltmaktadır.

Örnek uygulamamızda kullanıcının bir şifre girmesi ve şifresini onaylamak için tekrar girmesi istenmektedir. Kodlarımız, açıklamaları ve ekran çıktıları şu şekilde:

PFSifreKontrolu.java Kodu

Java kodumuz içinde değişkenlerimizin xhtml tarafında görülebilmesi ve kullanılabilmesi için get-set metotları yer alıyor.

index.xhtml Kodu

p:password etiketi ile kullandığımız Password bileşenimizde value özelliği ile girilen şifrenin Java tarafındaki değişkende  tutulmasını sağlıyoruz. Ancak bu örnek sadece girilen iki şifrenin eşitliğinin kontrolü üzerine olduğu için value özelliklerini kullanmasak da olurdu. Eşitlik kontrolü yapabilmemiz için id değerlerini atamış olmamız gerekiyor. Bir Password bileşeninin match özelliğine karşılaştırmak istediğimiz diğer Password bileşeninin id bilgisini atadığımızda bu iki Password bileşenindeki değerler butona tıklandığında kontrol ediliyor. Eğer Password bileşenine tıkladığımızda yanında ya da altında bizi bir yazının karşılamasını istiyorsak feedback özelliğine true değerini atamamız gerekiyor.  Eğer altında bir yazı çıkmasını istiyorsak inline özelliğine true atamasını yapmamız gerekiyor. Eğer yanında çıkmasını istiyorsak bir şey yapmamıza gerek yok. Yanında ya da altında çıkacak yazıları promtLabel ile belirtiyoruz. Sırası ile girilen şifrenin güçlü veya orta veya zayıf olduğuna dair iletileri strongLabel, goodLabel ve weakLabel özelliklerini kullanarak bildiriyoruz.

Şifrelerin uyuşmaması durumunda ekranda belirecek hatayı validatorMessage ile belirliyoruz.

Butonun update özelliğine panelGrid’in id’sini vererek butona tıklandığında şifrelerin eşit olup olmadığının kontrolünün gerçekleştirilmesini sağlıyoruz.

Ekran Çıktıları

Resimlerin altlarında daha iyi anlaşılması için bir takım yazılar koydum arkadaşlar.

Inline özelliğine true ataması yaptığım için bileşene tıklayınca altında yazı belirdi.

Inline özelliğine true ataması yaptığım için bileşene tıklayınca altında yazı belirdi.

 

 

 

 

 

 

 

 

 

Girdiğim şifrenin orta seviyede olduğuna dair uyarı.

Girdiğim şifrenin orta seviyede olduğuna dair uyarı.

 

 

 

 

 

 

 

 

 

Inline özelliğine true ataması yapmadığım için yanında belirdi.

Inline özelliğine true ataması yapmadığım için yanında belirdi.

 

 

 

 

 

 

 

Aynı seviyede "farklı" bir şifre girdim.

Aynı seviyede “farklı” bir şifre girdim.

 

 

 

 

 

 

 

Şifreler farklı olduğu için hata mesajı verildi.

Şifreler farklı olduğu için hata mesajı verildi.

 

 

 

 

 

 

 

 

 

 

Bu yazıda da bu kadar arkadaşlar. Gelecek yazıda PrimeFaces’ın klavye (keyboard) bileşenlerinin kullanımı öğreneceğiz.