Menü

JSF Basit Bean Örneği

4 Nisan 2015 - Java

İlk JSF uygulamamızı az önce yapmıştık. Şimdi örneğimizi biraz daha geliştirelim. Bir form ekleyelim. Formun içerisinde de bir inputtext ve bir de buton olsun. Butona basınca bir başka sayfaya yönlenip hoşgeldiniz desin. Java dosyasını oluşturarak işe başlayalım;

Java Resources > src altında yeni bir package oluşturalım. Ben erenpac isminde oluşturdum. Package içerisinde bir java dosyası oluşturalım. helloWorld.java dosyasını aşağıdaki şekilde kodlayın.

package erenpac;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean
@SessionScoped
public class helloWorld implements Serializable {
 private static final long serialVersionUID = 1L;
 private String name;
 public String getName() {
 return name;
 }
 public void setName(String name) {
 this.name = name;
 }
}

newpage.xhtml dosyasını WebContent altında oluşturalım.

<?xml version="1.0" encoding="UTF-8"?>
<!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">
 <h:head>
 <title>JSF 2.0 Hello World</title>
 </h:head>
 <h:body bgcolor="white">
 <h3>JSF 2.0 Hello World Example - newpage.xhtml</h3>
 <h4>Welcome #{helloWorld.name}</h4>
 </h:body>
</html>

Daha önce oluşturduğumuz HelloWorld.xhtml dosyasını aşağıdaki şekilde yapılandıralım.

<?xml version="1.0" encoding="ISO-8859-9" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
 xmlns:c="http://java.sun.com/jsf/core"
 xmlns:ui = "http://java.sun.com/jsf/facelets"
 xmlns:h = "http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>EREN JSF</title>
</head>
<h:body>
 <h:outputLabel value="JSF"></h:outputLabel> 
 <h:form>
 <h:inputText value="#{helloWorld.name}"></h:inputText>
 <h:commandButton value="Welcome Me" action="newpage"></h:commandButton>
 </h:form>
</h:body>
</html>

Şimdi de faces-config.xml dosyasından navigation rule tanımlayalım. Yeni hali;

<?xml version="1.0" encoding="UTF-8"?>
<faces-config
 xmlns="http://xmlns.jcp.org/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd"
 version="2.2">
 <navigation-rule>
 <display-name>HelloWorld.xhtml</display-name>
 <from-view-id>/HelloWorld.xhtml</from-view-id>
 <navigation-case>
 <to-view-id>/newpage.xhtml</to-view-id>
 </navigation-case>
 </navigation-rule></faces-config>

Şimdi de Apache Tomcat’i restart yapıp sonuca bakalım 🙂

HelloWorld.xhtml

bean1

newpage.xhtml

bean2

Kaynak : http://www.mkyong.com/jsf2/jsf-2-0-hello-world-example/

Bir Cevap Yazın