Merhaba arkadaşlar bu yazıda sizlere JSF Component (Bileşen) Framework’ü  olan Primefaces buton tiplerinden ve kullanımından bahsedeceğim. Hazırlanacak olan örneklerde 4 tip buton ile ilgili kullanım örnekleri verilecektir.

Primefaces Buton Tipleri

*CommandButton

*CommandLink

*Button

*SplitButton

Eclipse IDE ile Dynamic Web Project Oluşturulması

Eclipse IDE üzerinden Dinamik bir Java Projesi oluşturulur. Aşağıda oluşturulma adımları verilmiştir. Proje ismi “PrimefacesButtonTypes”, Target Runtime olarak “Apache Tomcat v7.0”, Java Servlet olarak 3.0 ve JSF versiyonu olarak 2.2 seçilir.

Java Web Projesine mutlaka bir “web.xml” dosyası eklenmelidir. Aşağıda belirtildiği gibi otomatik olarak bir “web.xml” dosyası eklenir. Bu dosyanın olmadığı web projeleri hata verecektir. 

Bu adımın ardından web projesinin hangi JSF alt yapısını kullanacağını seçiyoruz. Bir çok JSF Component Framework, JSF standardının bir implemantasyonu olan çekirdek kütüphane kullanır. Bu projede “Mojarra 2.2.0” kütüphanesi kullanılmıştır. JSF Servlet sınıf ismi olarak “javax.faces.webapp.FacesServlet” ifade edilir. JSF Servlet kullanabilecek URL patternler belirlenir.

“/faces/” , “*.jsf “, “*.xhtml” URL patternleri ile dosya uzantısı jsf ve xhtml olan tüm dosyalar ile birlikte /faces/ URL patterni altında olan tüm dosyalar JSF tarafından tarafından işletilir.

Primefaces Framework JAR Dosyasının Projeye Entegre Edilmesi

Primefaces JAR dosyası resmi siteden indirilir. “WEB-INF” klasöründeki “lib” klasörüne ilgili jar eklenir.

“web.xml” Dosyası

<?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" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>PrimefacesButtonTypes</display-name>
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
    <url-pattern>*.jsf</url-pattern>
    <url-pattern>*.xhtml</url-pattern>
  </servlet-mapping>
  <context-param>
    <description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
  </context-param>
  <context-param>
    <param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
    <param-value>resources.application</param-value>
  </context-param>
  <listener>
    <listener-class>com.sun.faces.config.ConfigureListener</listener-class>
  </listener>
</web-app>

Java Bean Sınıfının Oluşturulması

JSF sayfaları Expression Language (EL) kullanarak JavaBean lere erişir. JavaBean sınıfları server-side işlemlerin yapıldığı sınıflardır. Web tarafından gelen istek JavaBean e ulaşır ve gerekli işlemler JavaBean tarafında yapılır.

package com.buttons.beans;

import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.context.FacesContext;

// bu etiket ile sinif JavaBean olarak isaretlenir.
@ManagedBean(name="buttonBean")
// bu JavaBean sinifindan uretilen nesnelerin yasam suresini ifade eder.
@ViewScoped
public class ButtonBean {

	//Butonlara tiklama olaylari gerceklestiginde web sayfasinda mesaj goruntulenir.
	public void commandButtonClick() {
		FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "CommandButton Click!",  null);  
        FacesContext.getCurrentInstance().addMessage(null, message);
	}
	
	public void commandLinkClick() {
		FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "CommandLink Click!",  null);  
        FacesContext.getCurrentInstance().addMessage(null, message);
	}
	
	public void splitButtonShutDownClick() {
		FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "SplitButton ShutDown Click!",  null);  
        FacesContext.getCurrentInstance().addMessage(null, message);
	}
	
	public void splitButtonRestartClick() {
		FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "SplitButton Restart Click!",  null);  
        FacesContext.getCurrentInstance().addMessage(null, message);
	}  }

“index.xhtml” JSF Sayfası

JSF web sayfası aşağıdaki gibidir.

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Insert title here</title>
</h:head>
<h:body>

<h:form id="form">

	<p:messages id="messages"/> 
	<p:commandButton id="btnCommand" update="messages" value="Command Button !" actionListener="#{buttonBean.commandButtonClick()}"></p:commandButton>
	<p:splitButton value="Shutdown" update="messages" actionListener="#{buttonBean.splitButtonShutDownClick()}">  
	        <p:menuitem value="Restart" update="messages" actionListener="#{buttonBean.splitButtonRestartClick()}"/>  
	</p:splitButton>  
	<p:commandLink id="btnCommandLink" update="messages" value="Command Link !" actionListener="#{buttonBean.commandLinkClick()}"></p:commandLink> 
</h:form>
</h:body>
</html>

Web uygulaması Tomcat 7 sunucus üzerinde çalıştırılırsa aşağıdaki gibi sonuçlar elde edilir.

Umarım yararlı bir yazı olmuştur. Bir sonraki makalemde görüşmek dileğiyle ...

Batuhan Düzgün

Bilgisayar Mühendisi

Endüstri Mühendisi