Anasayfa » Genel, Java ve Java Teknolojileri

Eclipse Üzerinde Tomcat-JSF-Primefaces-JPA Hibernate Kullanarak Web Uygulaması Geliştirme

22 Aralık 2012 13.554 kez okundu 9 yorum
1 Star2 Stars3 Stars4 Stars5 Stars (2 oy,5 üzerinden : 5,00 )
Loading...

jsf_logo

Merhaba arkadaşlar, bugünkü yazımda eclipse üzerinde jsf, primefaces, hibernate ve tomcat kullanarak full web uygulaması geliştireceğim. Öncelikle kurulumlardan bahsedip, arkasından basit bir örnek yapacağım.

Kullanacağım teknolojiler şunlar;

  • Eclipse Juno
  • Jsf 2.0
  • Primefaces 3.3.1
  • Hibernate 3
  • Mysql Connector 5.0
  • Tomcat 7
  • Wampserver 2.2

Yazımızın sonunda hazırladığım tüm kodları ve kullandığım tüm kütüphaneleri paylaşacağım.

Uygulamamıza eclipse üzerinde proje başlatarak başlayalım.

New -> Dinamic Web Project
Project Name: FullWebKodMerkeziNet
Target runtime: Apache Tomcat v7.0 (Eğer 7 yok ise yanında bulunan new runtime ile indirebilirsiniz)
Dinamic web module version: 3.0
Finish.

FullWebKodMerkeziNet/WebContent/WEB-INF/lib altına ilgili kütüphaneler kopyalanır. (Kütüphaneleri yazı sonunda paylaştığım uygulamanın içerisinde bulabilirsiniz.) Kopyalanan bütün kütüphaneler eclipse üzerinde seçilir.

Sağ tık -> Build Path -> Add to Build Path diyerek uygulamaya dahil edilir.

/WebContent/ altına “pages” adında klasör açılır. /WebContent/pages/ altına index.xhtml adında dosya oluşturulur.

index.xhtml

Java Resources/src altına net.kodmerkezi.managed paketi açılır. Java Resources/src/ net.kodmerkezi.managed/ altına MakaleManaged.java oluşturulur.

Java Resources/src altına net.kodmerkezi.entity paketi açılır. Java Resources/src/net.kodmerkezi.entity/ altına Makale.java oluşturulur.

MakaleManaged.java

Makale.java

Proje Properties (proje sağ tık) -> Project Facets -> Java Server Faces -> 2.0 -> further configuration  available -> Type: Disable Library Configuration -> OK -> Apply -> OK

WebContent/WEB-INF/web.xml şu şekilde duzenlenir.

Java Resources/src altına META-INF adında klasörü açılır. İçine persistence.xml oluşturulur.

persistence.xml

pages/ altına makaleler.xhtml oluşturulur.

makaleler.xhtml

pages/ altına makaleDetailDialog.xhtml oluşturulur.

makaleDetailDialog.xhtml

Bu aşamadan sonra veritabanınızda (ben wampserver üzerinde mysql ile çalışıyorum) “fullweb” adında database oluşturun. persistence xml  dosyasını kendi ayarlarınıza göre düzenleyin. Uygulamaya sağ tıklayarak -> Run As -> Run on Server seçeneği ile Tomcat 7 üzerinde başlatın. Daha sonra browser’ınızdan http://localhost:8080/FullWebKodMerkeziNet/ adresini açarak uygulamaya erişebilirsiniz.

Açılışta karşımıza yeni makale ekleyebileceğimiz alan geliyor.

jsf_yenimakale

Kaydettiğimizde tüm makalelerin listesini görebiliyoruz.

jsf_tummakale

Okumak istediğimiz makaleyi seçtiğimizde karşımıza ayrıntıları geliyor.

jsf_makaleayrinti

Arkadaşlar bugünlük bu kadar. Takıldığınız noktalar olursa yazabilirsiniz. Bir sonraki yazımda daha kompleks yapıları anlatacağım. İyi günler

Projenin kaynak kodlarını buradan indirebilirsiniz. Rar şifresi: www.kodmerkezi.net

<<< Önceki:

Sonraki: >>>


Facebookta Paylaş

9 yorum »

  • Mustafa dedi ki:

    teşekkürler,
    güzel paylaşım..

  • ender dedi ki:

    Merhaba,
    Programı indirerek tüm söylediklerinizi yaptım, fakat oku butonu aktif değil gibi görünüyor.. bastıgımda tepki vermiyor. bu konuda ne yapabilirim? eclipse üzerinden çalıştırdım..

  • Ozkan dedi ki:

    Merhaba, emeğiniz için şimdiden teşekkür ederim. Fakat kaynak kodları yüklediğiniz site yasaklanmış durumda. Başka bir yere yükleyebilir misiniz?

  • Caner dedi ki:

    Emeğinize sağlık.
    Kaynak kodlıarın linkini yenileyebilir misiniz?

  • uzeyr ozcan dedi ki:

    linkleri güncelleyebilir misiniz

  • hakan dedi ki:

    Oncelikle paylasim için tesekkurler.
    Projenin kaynak kodları ulasilamaz durumda. Kaynak kodları baska bir yere atabilirmisiniz
    (bu site uzerinde olması en guvenli yol)

  • Taha GÜR dedi ki:

    Linkleri güncelleyebilirmisiniz.

  • admin dedi ki:

    En kısa zamanda kontrol edeceğim.

  • Mehmet dedi ki:

    ender dedi ki:
    Merhaba,
    Programı indirerek tüm söylediklerinizi yaptım, fakat oku butonu aktif değil gibi görünüyor.. bastıgımda tepki vermiyor. bu konuda ne yapabilirim? eclipse üzerinden çalıştırdım.

    # 4 Haziran 2013 saat 13:50

    Sanırım senin hatan primefaces ile alakalı kullandığın commandButton’un
    ajax parametresini false olarak setlerseniz düzelir.

    İyi Çalışmalar

Yorum Bırakın!

Yorum yaz, yada kendi sitende trackback (Geri besleme) olarak ekle. Ayrıca RSS ile bu konuya üye olabilirsin. .

Nazik olun. Temiz tutun. Konu dışına çıkmayın. Spam yaratmayın.

Bu tagları kullanabilirsiniz:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Bloğumuz gavatarı desteklemektedir. Kendi gavatarınızı edinmek için lütfen Gravatar a üye olun.