JavaServer Faces 2 (JSF 2)

JavaServer Faces (JSF), Java Komitesi tarafından standart web teknolojisi olarak kabul edilmiştir. Java ile web programlama yapmak isteyen bir kişinin mutlaka öğrenmesi tavsiye edilir. Ayrıntılı bilgiye http://javaserverfaces.java.net/ adresinden erişebilirsiniz.

JSF, Model-View-Controller (MVC) tabanlı olduğundan Java sınıflarımız ile görsel sayfalarımız yani önyüzümüz farklı farklı katmanlarda bulunmaktadır. Bu konuyu detaylı bir şekilde şu sayfada anlatmıştım.

Şimdi JSF 2 ile ilk uygulamamızı yapalım. Bize aşağıdaki malzemeler lazım daha doğrusu ben bunları kullanacağım;

Tomcat
Eclipse başlatıp yeni bir çalışma alanı (workspace) açalım. İlk olarak “Server”ı tanıtalım. Server tabında sağ tıklayarak New > Server yolunu takip ettikten sonra Tomcat’in yerini aşağıdaki gibi gösterebilirsiniz.

Proje Oluşturma
Şimdi “Package Explorer” ya da “Project Explorer” görünümünde New > Dynamic Web Project yolu ile aşağıdaki gibi projeyi oluşturuyoruz. Önce proje ismi gibi alanları dolduruyoruz.

Sonra ileri ve tekrar ileri diyerek aşağıdaki gibi “web.xml” dosyasını oluşturmasını sağlayıp “finish” butonuna basarız.

JSF 2 için Gerekli Jarlar
JSF 2 uygulamamızın çalışması için yapmamız gereken bir kaç adım var, ilk olarak en başta belirttiğimiz 2 adet jar dosyasını WEB-INF/lib dizini altına kopyalayalım, projemizin görünümü aşağıdaki gibi olmalı.

web.xml Ayarları
JSF 2 uygulamamızın server tarafından yorumlanabilmesi için web.xml içine şu satırları eklememiz lazım.

        <!-- Faces Servlet -->
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup> 1 </load-on-startup>
	</servlet>

	<!-- Faces Servlet Mapping -->
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.jsf</url-pattern>
	</servlet-mapping>

Bu satırları ekledikten sonra web.xml dosyasının görünümü aşağıdaki gibi olacaktır.

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	id="WebApp_ID" version="2.5">
	<display-name>jsf2-helloworld</display-name>

	<!-- Faces Servlet -->
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup> 1 </load-on-startup>
	</servlet>

	<!-- Faces Servlet Mapping -->
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.jsf</url-pattern>
	</servlet-mapping>

	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
	</welcome-file-list>
</web-app>

xhtml Sayfası Oluşturmak
Artık tüm altyapı hazırlıklarımız tamam, sıra geldi bir sayfa oluşturup çalıştırmaya. WebContent dizini altına index.xhtml adında bir dosya oluşturup aşağıdaki gibi düzenliyoruz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>jsf2-helloworld</title>
</h:head>
<h:body>

	Merhaba JSF 2
	
</h:body>
</html>

Projenin Çalıştırılması
Tomcat’in menüsünden Add and Remove aracılığı ile projemizi Tomcat altına ekliyoruz.

Daha sonra Tomcat’i başlatıyoruz. Herhangi bir port değişikliği yapmadıysanız http://localhost:8080/jsf2-helloworld/index.jsf bağlantısına gidince karşımıza aşağıdaki ekran gelir.

En saf haliyle bir JSF 2 uygulamasına sahibiz. Bundan sonraki derste bu uygulamamıza, PrimeFaces component suite eklemesi yapacağız. Uygulamayı sade halinden PrimeFaces’ın sağladığı bileşenlerle zenginleştireceğiz.

Kolay gelsin.

Şükrü Çakmak hakkında

1987 - insanı sever...
Bu yazı Java, JSF kategorisine gönderilmiş ve , , , ile etiketlenmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

JavaServer Faces 2 (JSF 2) için 5 cevap

  1. jstl jar’larına gerek yok.

  2. Şükrü Çakmak der ki:

    çağatay hocam yorumunuz için teşekkürler, yeniden düzenledim.

  3. Geri izleme: JSF 2 + PrimeFaces | Şükrü Çakmak | Java / JSF / JPA / Seam

  4. Anıl der ki:

    eclipse’de yeni class dosyası oluşturduğumda javax.faces hatası alıyorum. Nasıl düzeltebiliriz.

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>