Primefaces 3.0.M1 Kurulumu !

in PrimeFaces | 4 comments

Selamlar, primefaces opensource component suit kurulumu hakkında bir döküman paylaşacağım. Kurulama başlamadan önce offical resmi sitesindeki açıklamayı okuyalım.

PrimeFaces is a lightweight open source component suite for Java Server Faces 2.0 featuring 100+ rich set of JSF components. Additional PrimeFaces Mobile module features a UI kit for developing mobile web applications

Daha ayrtıntılı bilgi için : http://www.primefaces.org ziyaret edebilirsiniz.

Bu suiti kullanmak için sahip olmanız gereken sadece 3 tane jar var bunlar;

jsf-api.jar
jsf-impl.jar
primefaces-3.0.M1.jar

Dökümanın en son kısmında paylaştığım proje dosyasının içinde hepsi mevcuttur. İsterseniz maven kurup depend edin isterseniz manuel olarak elinizle WEB-INF/lib/… altına kütüphanelerinizi kopyalayın.

Kütüphane işlemlerini gerçekleştirdikten sonra project explorer ekranımız aşağıdaki gibi görünecektir.

Primefaces

En önemli kısım Web.xml içindeki context parametrelerini tanımlanız.

Web.xml

<?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>primefaces</display-name>
	<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>

	<context-param>
		<param-name>javax.faces.DEFAULT_SUFFIX</param-name>
		<param-value>.xhtml</param-value>
	</context-param>
	<context-param>
		<param-name>facelets.SKIP_COMMENTS</param-name>
		<param-value>true</param-value>
	</context-param>
	<context-param>
		<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
		<param-value>client</param-value>
	</context-param>
	<context-param>
		<param-name>com.sun.faces.allowTextChildren</param-name>
		<param-value>true</param-value>
	</context-param>
	<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>*.jsf</url-pattern>
	</servlet-mapping>

</web-app>

Eğer projenize primefaces için yapılmış bir temayı eklemek istiyorsanız. İlk olarak resmi sitesinden ilgili tema jarını indirip WEB-INF/lib/… altına atmanız daha sonra. Web.xml içinde aşağıdaki context parametresini eklemeniz.

İndirdiğim jar : ui-darkness-1.0.1.jar
Gerekli context parametresi:

      <context-param>
	  <param-name>primefaces.THEME</param-name>
	  <param-value>ui-darkness</param-value>
	</context-param>

Bu işlemi gerçekleştirdikten sonra artık primefaces ile web sayfaları yapabilirsiniz. Web-Content altına bir index.xhtml oluşturalım. Browser üstünden çağrırken web xml içinde jsf uzantı ile maplediğimzi için index.jsf olarak çağıracağız.

<html xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">
	<h:head>
		<title>gokalpkuscu.com</title>
	</h:head>
<h:body>
   <h:form prependId="false">
	 <p:notificationBar position="bottom" effect="slide" widgetVar="bar" styleClass="top">
	 <h:outputText value="What PrimeFaces has so far is just the beginning!" style="color:#FFCC00;font-size:36px;" />
	 </p:notificationBar>

	 <p:commandButton value="Show" onclick="bar.show()" type="button" />
  	 <p:commandButton value="Hide" onclick="bar.hide()" type="button" />

  	</h:form>
 </h:body>
</f:view>
</html>

Bunuda yaptıktan sonra artık ilgili sayfamızı çağırabiliriz: http://localhost:8080/primefaces/index.jsf

Primefaces Çalıştırılmış Hali

PrimeFaces Sample Project (3,7 MiB, 220 hits)

this project includes all libs

Tags: primeface konfigürasyonu, primefaces çalıştırılması, primefaces kullanımı, primefaces kurulumu, primefaces-3.0.M1 kurulum, primefaces-3.0.M1.jar

4 comments

Comments feed for this article

Trackback link: http://www.gokalpkuscu.com/primefaces-3-0-m1-kurulumu/trackback

esin gülten on at

selamlar yazınız çok güzel anlaşılır ve sade. primfaces in 2.1 ile fileupload bileşenini kullanıyorum. fileupload ı auto modla kullanarak resim upload oluyor. aynı işlemleri primfaces 3m1 ile yaptıgımda fileuploadın listener ı tetiklenmiyor sizin bu konu ile ilgili bir fikriniz var mı? not:bir ara google crohome un bir sürümünde upload edildiğini gördüm. sonrasında denemediğim tarayıcı kalmadı)

Gökalp Kuşçu on at

İlk olarak bu işlem için Web.xml içine filter belirlediniz mi ?

Web.xml içinde


	<filter>
		<filter-name>PrimeFaces FileUpload Filter</filter-name>
		<filter-class>org.primefaces.webapp.filter.FileUploadFilter</filter-class>
		<init-param>
			<param-name>uploadDirectory</param-name>
			<param-value>E:/</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>PrimeFaces FileUpload Filter</filter-name>
		<servlet-name>Faces Servlet</servlet-name>
	</filter-mapping>

tanımını yapın

 <h:form enctype="multipart/form-data">

    <p:fileupload fileUploadListener="#{fileUploadController.handleFileUpload}"
            mode="advanced"
            update="messages"
            auto="true"
            sizeLimit="100000"
            allowTypes="png"/>

    <p:growl id="messages" showDetail="true"/>

</h:form>

kodunuzu çalıştırın, tabi burada beani tanımladığınızı düşünerek yazdım.

Bu arada filterı belirledikten sonra aşağıdaki kütüphanleri eklemeniz gerekli sürümlere dikkat edin

commons-fileupload-1.2.2.jar
commons-io-1.2.jar

console çıktısı event fire olduktan sonra

INFO: Jk running ID=0 time=0/42 config=null
02.Ağu.2011 22:37:29 org.apache.catalina.startup.Catalina start
INFO: Server startup in 4273 ms
db.png

Daha sonra çalışması gerek, kolay gelsin

ufuk on at

Merhaba,
Netbeans’de yaptıgım jsf projesini hosta aktarmak istedim.Host şirketi desteklerinin oldugunu soylediler.Bende jsf klasoru yaratıp netbeans projesini içine koydum.Ancak bende local deki gibi çalısmadı.Ben mi yanlıs yapıyorum.
Gökalp Kuşçu on at

İlk olarak web projeni war formatında export etmen gerekli, daha sonra burada yüklemek için bir yönetim panelin zaten mevcut http://www.maxideas.org:8080/manager/html, buraya giriş şifresini öğrenip burada war dosyasını upload edip çalıştırabilirsin.

Primefaces 3.0.M1 Kurulumu !

4 comments

Reply Cevabı iptal et

Sosyal Ağlar

En Fazla Okunanlar

Son Yorumlar

Kategoriler

Bağlantılar