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, 120 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
-
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ı)
-
İ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.jarconsole çı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.pngDaha sonra çalışması gerek, kolay gelsin
2 comments
Comments feed for this article
Trackback link: http://www.gokalpkuscu.com/primefaces-3-0-m1-kurulumu/trackback