Nis 04

JSF HelloWorld Uygulaması

Java web dünyasına merak salıp ne zamandır başlamak öğrenmek istiyordum. Ancak bir türlü başlayamıyordum. Gerek dar zamanda yetişmesi gerek dar zamanda yetişmesi gereken projeler gerek okul derken işyeri eğitimi şu zamana kadar geldi. Neyse uygulamaya geçeyim fazla dert yandım 🙂 JSF’de en alttan, en dipten başladım. Helloworld uygulaması ile merhaba diyelim. Sonrasındayse Primefaces ile dinamik bir web uygulaması gerçekleştireceğim. Bu sıradaki deneyimlerimide yazı dizisi şeklinde en basit anlaşılabilir haliyle sizlere aktarmaya çalışacağım. Yaptıklarım yabancı sitelerdem öğrendiklerim ve uyguladıklarımdır. Bunun dışında şurayı da yanlış yapmışsın hacı dediğiniz ne varsa lütfen beni düzeltin yorum atın. Sonuçta buradaki yazıyı yeni başlayanlarda okuyacak. Amaç herkes en doğru bilgiye ulaşsın.

 

Hello world uygulaması’nı Eclipse üzerinden anlatacağım. Eclipse indirmek için  tıklayın.

Apache Tomcat v8.0 kullanacağız. Apache indirmek için tıklayın. 

Eclipse File > New > Dynamic Web Project

1

 

Projeye isim verip New Runtime butonuna tıklıyoruz.

2

 

Apache Tomcat v8.0 seçip Next tıklıyoruz.

3

 

Browse tıklayıp indirmiş olduğumuz apache tomcat klasörünü gösteriyoruz. Rar’dan çıkartmayı unutmayın. Finish tıklıyoruz.

4

 

Next

5

 

Generate web.xml seçip finish diyoruz.

Oluşan projemize sağ tıklayıp Properties tıkladıktan sonra sol taraftan Project Facets seçiyoruz.

6

 

JavaServer Faces 2.2 verisyonunu seçip alttan Further configuration ile başlayan uyarıya tıklıyoruz.

7

 

Sağda Download butonuna tıklayıp JSF 2.2 indirin. Ben daha önceden indirdiğim için bende var görünüyor.

Web Content > WEB-INF > web.xml dosyanız aşağıdaki gibi olmalıdır.

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="3.1" 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-app_3_1.xsd">
 <display-name>eren</display-name>
 <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>
 <servlet>
 <servlet-name>Faces Servlet</servlet-name>
 <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
 <load-on-startup>1</load-on-startup>
 <enabled>true</enabled>
 <async-supported>false</async-supported>
 </servlet>
 <servlet-mapping>
 <servlet-name>Faces Servlet</servlet-name>
 <url-pattern>
 /faces/*</url-pattern>
 </servlet-mapping>
 <welcome-file-list>
 <welcome-file>index.html</welcome-file>
 <welcome-file>index.htm</welcome-file>
 <welcome-file>index.jsp</welcome-file>
 <welcome-file>default.html</welcome-file>
 <welcome-file>default.htm</welcome-file>
 <welcome-file>default.jsp</welcome-file>
 </welcome-file-list>
</web-app>

Web Content sağ tıklayıp New > HTML File

HelloWorld.xhtml ismini verip finish tıklayın. Test olarak aşağıdaki kod satırını oluşturmuş olduğunuz xhtml dosyanıza yapıştırabilirsiniz.

<?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>JSF APPLICATION</title>
</head>
<h:body>
 
 <h:outputLabel value="I'M Your First JSF Application"></h:outputLabel> 
 
</h:body>
</html>

Son aşamada projenizi Apache Tomcat sunucuyu başlatıp projemizi ekliyoruz. Adres çubuğunda aşağıdaki bağlantı ile web sayfanızı görüntüleyebilirsiniz.

http://localhost:8080/eren/faces/HelloWorld.xhtml

1 ping

  1. […] İ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; […]

Bir Cevap Yazın