Merhabalar, dergimizin haziran sayısı için orjinal nasıl bir yazı hazırlayabilirim diye düşünürken, şu an içinde olduğum bir projeden dolayı RichFaces frameworkünü anlatmaya karar verdim . Uzun uğraşlar sonucu IDE’ mde çalıştırmayı başarabildiğim için burada tam olarak nasıl çalıştırabileceğinizi anlatmak istiyorum. Web üzerine önceden çalışmam olmamasına rağmen JSF , RichFaces , Ajax gibi önemli yapılar ile ilgili, intranet üzerinde çalışacak küçük kapsamlı bir proje sayesinde ciddi ölçüde bilgi sahibi oldum. RichFaces’ in NetBeans IDE 6.5 (Windows OS) de nasıl kullanılacağını, JSF frameworküne getirdiği yetenekleri ve daha başlangıç olarak aktarabileceğim birçok şeyi paylaşmaya çalışacağım .
RichFaces Nedir?
Bilindiği gibi JSF (JavaServer Faces) , JAVA tabanlı web uygulamalarını kolaylaştırmak için MVC(Model View Controler) yapısına uygun olarak geliştirilmiş bir frameworktür. Aynı zamanda tasarımcı ve programcı arasındaki anlaşmazlığı ortadan kaldıran, yönetim ve güvenlik zorluklarına çözüm bulan ve gittikçe yaygınlaşan bir frameworktür. RichFaces frameworkü JSF’ ye Ajax yeteneğini (Core Ajax component kütüphanesi) kazandırarak, bizleri karmaşık scriptler yazmaktan kurtarıyor. RichFaces UI componenti ise RichFaces’ e özel daha estetik bir arayüz hazırlamamız için bize imkan sunuyor.
Ajax özelliğinden ne kastettiğimi bir iki kısa cümle ile anlatmak istiyorum. Ajax (Asynchronous JavaScript And XML), en basit anlamda web sitenizde local rendering yapmaktır. İstediğiniz bir bölgeyi, sayfanızın tamamını yorumlatmadan refresh edebilmenizi sağlayan ve web uygulamanızda yalnızca yüklenmesi gereken yerleri yüklediği için hız kazandıran bir özelliktir. Böyle bir özellikle bant genişliğinden de oldukça büyük miktarda kazanç sağlamış oluyoruz.
Nasıl Yükleyebilirim?
Burada sizlere, RichFaces’ i IDE’ nizde nasıl çalıştıracağınızı anlatmadan önce şunu belirtmek istiyorum. Open Source bir framework olan RichFaces için 3 adet .jar dosyasına ihtiyacınız olacak.Bunlara nerelerden ulaşabileceğinizi yazımın en sonunda belirttim. İhtiyacımız olan malzemeler şunlar :
-
JAVA
-
Java Server Faces
-
JDK 1.5 veya üst versiyonları
-
Server olarak, Apache Tomcat 5.5 - 6.0(biz bu server ile çalışacağız), Glassfish (J2EE 5), JBoss 4.2.x – 5, Websphere 7.0. and higher…
-
Destekleyen browserlar: İE, Firefox, Safari(3.0 betası desteklemiyor), Opera.
Şimdi NetBeans’ inizde new project diyerek yeni bir web uygulaması oluşturalım ( JSF frameworkünü ekleyerek tabii ki).
Açılan projenizi ilk başta hiçbir şeye dokunmadan, hiç bir kod yazmadan build etmenizi istiyorum. Build ettikten sonra projenizin oluştuğu dizine gidin ve proje klasörünüzde build işleminden sonra oluşmuş olan build klasörünü göreceksiniz (Projenizin adı bilisimdergi olsun). bilisimdergi|build|web|WEB-INF|lib altında projenizin kütüphanelerinin olduğu yere, size vermiş olduğum adreslerden indirdiğiniz richfaces-ui-3.3.0.GA-bin klasörünün içindeki lib klasörü altında olan toplam 3 tane *.jar dosyalarını kopyalayıp yapıştırın(bunlar API, UI ve implementation dosyalarıdır).
Bu işlemi, NetBeans üzerinden projenize sağ tıklayıp properties->libraries->add Jar/Folders dan da bu 3 dosyayı ekleyebiliriz . JSF sayfalarında RichFaces’ e ait tagları IDE’ nizin hata mesajı vermeden tanımasını istiyorsanız sadece 2. işlemi yapmak yeterlidir. Şimdi yapmamız gereken projemizin web.xml dosyasını konfigüre etmek.
web.xml dosyasını açtıktan sonra yapmamız gereken basit. Aşağıda verdiğim satırları bu dosyanın içine ekliyoruz.
Tabi her JSP sayfasına da RichFaces’ e özel tag kütüphanemizi ekliyoruz.
RichFaces’ den faydalanabilmek için her JSP sayfasında bu tagları tanıtmamız gerekiyor. Tabii ki ayrıca JSF komutlarını kullanabilmek için bloğunu den önce eklemeyi unutmamamız gerek.
web.xml sayfamıza bir de aşağıdaki satırları eklemeliyiz.
Artık yapacağımız herhangi bir uygulamada RichFaces componentlerini kullanabileceğiz (Şimdi yapacağımız küçük uygulamada JSF’ yi biliyorsunuz olarak hareket etmek durumundayım).Basit ve klasik bir “hello world” uygulaması, daha kapsamlı uygulamalar için ufak bir giriş niteliğinde olacaktır diye düşünüyorum. Yeni bir proje açtığınızı ve RichFaces kütüphanelerini de yukarıda anlattığım şekilde proje dosyanıza eklediğinizi de varsayıyorum.
RichFaces ile “Hello word” uygulaması
Yukarıdaki uygulama AJAX yeteneğini kazanmış bir uygulamadır. “” RichFaces’ in tagı olmasının yanında “” ise ajax4jsf frameworkünün “a4j” tagını kullanmamızı sağlıyor. Kısaca panelin içindeki textfield’ a yazılan bir text’ in, buton aktive edildikten sonra AJAX’ ı kullanarak ekrana “ Hello “ yazdırıyoruz.
Tabii ki bu kadar değil. Girilen text’ i Java Bean ile yönetebilmek için “kullaniciBean” oluşturmalıyız. Bu örnekte ad değişkeninin get ve set fonksiyonları sayesinde ekrana girilen text’ i yazdırabileceğiz. Bean oluşturma işleminden sonra faces-config.xml sayfanızda otomatik olarak konfigure edilecektir.
Program çalıştırıldıktan sonra web tarayıcınızdaki görüntüsü böyle olacaktır.
RichFaces .jar dosyalarını indirmek için:
http://www.jboss.org/jbossrichfaces/downloads/
JSF’ nin gelişmekte olan bir framework olduğunu yazımın başında belirtmiştim. RichFaces ile alakalı pek fazla Türkçe kaynak bulunmadığını biliyorum. Bu yazımın web tasarım ve programlama teknolojileri ile ilgilenenlere basit bir giriş olmasını umuyorum.
Kaynaklar :
