Menü

JSF HelloWorld Uygulaması

4 Nisan 2015 - Java

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

JSF HelloWorld Uygulaması” üzerine bir düşünce

  • Geri bildirim: JSF Basit Bean Örneği | Eren ÇOLAK

  • Bir Cevap Yazın