Anasayfa » Genel, Java ve Java Teknolojileri

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

22 Aralık 2012 13.771 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

Bunlara da Göz Atmak İsteyebilirsiniz.

<<< Önceki:

Sonraki: >>>


Facebookta Paylaş

9 yorum »

  • Mustafa dedi ki:

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

    # 25 Mayıs 2013 saat 19:09
  • 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
  • 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?

    # 16 Aralık 2013 saat 14:28
  • Caner dedi ki:

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

    # 18 Aralık 2013 saat 10:39
  • uzeyr ozcan dedi ki:

    linkleri güncelleyebilir misiniz

    # 20 Aralık 2013 saat 08:57
  • 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)

    # 8 Ocak 2014 saat 14:44
  • Taha GÜR dedi ki:

    Linkleri güncelleyebilirmisiniz.

    # 19 Mart 2014 saat 12:09
  • admin dedi ki:

    En kısa zamanda kontrol edeceğim.

    # 27 Ocak 2015 saat 23:09
  • 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

    # 25 Mart 2015 saat 10:24

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.