1 haftadir ne yaptigimi bilmiyorum, neden derseniz, cok kotu hasta oldum. Haftasonu kirikkale ye dayimin yanina gittim. Karaahmetli diye bir yerde guzel mini bir ciftlik yapmis kendine. Manzarasi da super. Neyse orda cok guzel bir tatli su nehri var, oraya gidipte yuzmemek olmaz;) Gercekten su cok guzeldi, alismisiz tuzlu suda yuzmeye, yogunlugun az olmasi nedeniyle epey zorlandim diyebilirim. Suyun tadi da gercekten tatliymis yani:) Bir de hava kararmak uzereydi, o yuzden serindi. Acaba diyorum ya soguk aldim, ya da sudan zehirlendim;) Allahima sukur suanda daha iyiyim.

Bundan dolayi JSF ye Giriş Tutorial 2 yi ancak yazma firsatim oldu. Bu 2. sayi 1.nin devami o yuzden Tutorial 1 den sonra buna bakmanizi tavsiye ederim. Kolay gelsin.

Welcome sayfasina biraz eklenti

1. Welcome sayfasina bir baslik ekliyelim: Welcome to the JSF Intro Application

Editorun sol ustunden basligi Heading 2 seciyoruz.

2. Sayfamiza CSS ekleyelim. Bunu yapmak icin sag tarafta bulunan Components kismindan veya View->Component Palette kismindan CSS kutuphanesini seciyoruz.

Burda gozuken JDeveloper stylesheet i tutup sayfamiza birakiyoruz. Sayfanin degistigini goreceksiniz.

3. Tekrar ayni Components kisminda JSF HTML seciyoruz. Ordan Command Button alip sayfaya birakiyoruz.

4. Buton seciliyken hemen sag tarafta Component Palentin asagisinda Property Inspector(View->Property Inspector) da Value degerini Proceed to Login yapiyoruz.

5. Action degerini login yapiyoruz. Bu bize ilerde, butonu tikladigimizda baska bir sayfanin calismasini saglayacak.

6. Editörümüzün altinda Source tabini tiklayarak, sayfanin simdiye kadar yaptiklarimizin kodunu goruruz. En ustte JSF component kutuphanelerini gorebilirsiniz. Bunlar Core kutuphanesi ile HTML kutuphanesi. Kodlara biraz goz atin. Mesela butonu nasil yarattik?

Page flow ve Login sayfasi yaratma

1. Applications panelinde projemizin icinde (Web Content|WEB-INF dosyasinda) faces-config.xmli cift tikliyoruz.

2. Karsimiza Page flow un goruntusel editleme sayfasi gelmesi lazim.

3. welcome.jsp sayfasini Applications panelinden alip, Page flow editorune birakiyoruz.

4. Bir tane login sayfasi yaratalim, bunuda sag tarafta bulunan Component Palette icinde JSF Pagei surukleyip page flow icine birakiyoruz. Ismini /login.jsp olarak degistirelim. Farkindaysaniz login.jsp uzerinde kocaman sari bir unlem isareti goruyoruz;) Bunun nedeni login.jsp sayfasi henuz daha yaratilmadi.

5. Editorumuzde simdi 2 jsp sayfasi olmasi lazim, simdi bunlari birbirine bagliyalim. Bunuda, tekrar sagda JSF Navigation Case tikla, sonra welcome.jsp sayfasini tikla, ve login.jsp sayfasina tikladiktan sonra baglantimiz olusmasi lazim.[Hepsine birer tik;)]

6. Bu kisimda From Outcome degerini degistirmemiz lazim, cunku welcome.jsp sayfasinda tanimladigimiz butona action degerini login vermistik, burda da ayni ismi vermeliyiz. Bunuda Property Inspector kisminda From Outcome in success degerini login yapiyoruz.

7. Bir tane de hello.jsp sayfasi yaratalim. Yine JSF Pagei surukleyip birakiyoruz. Ismini /hello.jsp olarak degistirelim.

8. Tekrar JSF Navigation Case i tikliyoruz ve bu sefer login sayfasindan hello sayfasina baglanti kuruyoruz.

9. From outcome degerini (success) silip hello yazalim.

10. faces-config.xml sayfasinda source tabinda bazi taglarin alti cizili oldugunu gorebilirsiniz, normaldir;) cunku daha login.jsp ve hello.jsp sayfalarini yaratmadik.

11. Diagram tabina tekrar gelelim. Simdi login.jsp sayfasini nasil yaratacagiz, ona bakalim. login.jsp ye cift klickledigimizde onumuze onceden gordugumuz hatta ilk basta gordugumuz sayfa yaratma sihirbazi geliyor.

12. ilk bastaki Welcome Page sayfasi geliyor, bunu skip ile geciyoruz. Sonraki gelen sayfayi normal ayarlarini birakarak Next diyelim.

13. Step 2de istedigimiz managed bean kullanabilmemizi sagliyor. Burayi da normal ayarlariyla birakip Next diyoruz.

14. Step 3 de tag kutuphanelerini goruyoruz. Burayida Next ile direk gecelim ve Step 4 te Finish diyoruz.

15. iste yeni login.jsp sayfasi.

Bugunluk bu kadar, yakinda Tutorial -3- de gorusmek uzere…