JSFでPrimeFacesコンポーネントを使用する


以前のjsfコンポーネントは個人的にrichfacesに注目していたが、PrimeFacesも良いJSFエンタープライズクラスのコンポーネントであることが分かった.現在のバージョンは1.0 rcしかないが、コンポーネントの効率と機能はいずれもよく、王改のいくつかのウェブサイトのテストでもrichfaceより性能が良い.
 
ステップ1:依存jarを増やし、
基本的なPrimeFacesコンポーネントのみを使用する場合は、primefaces-2.0.0-SNAPSHOT.jarのみが必要です(jsfが1.xバージョンの場合はprimefaces-1.0.0-SNAPSHOT.jarを使用します).
 
ステップ2:webxmlの構成
primefacesを追加  必要なservlet
 
   <servlet>
        <servlet-name>Resource Servlet</servlet-name>
        <servlet-class>org.primefaces.resource.ResourceServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Resource Servlet</servlet-name>
        <url-pattern>/primefaces_resource/*</url-pattern>
    </servlet-mapping>

 context-param>の構成
 
    <context-param>
        <param-name>com.sun.faces.allowTextChildren</param-name>
        <param-value>true</param-value>
    </context-param>

 
 
 
ステップ3:ページテストprimefacesを書く
 
<!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:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
    <p:resources/>
    <title>test primefaces jsf 2.0</title>
</h:head>
<h:body bgcolor="white">
    <h:form id="helloForm">
        <p:editor/>

    </h:form>

</h:body>
</html>

 
効果の表示: