2013-05-25 116 views
3

是否可以(合理)在一個項目中使用JSF和richfaces引導程序 CSS樣式。所以使用richfaces進行頁面渲染,UI模型和ajax;留下樣式到自舉和自定義CSS。richfaces with bootstrap CSS

有人曾試過嗎?這是一個超大的方法嗎?

+0

我開始使用普通的JSF和Bootstrap,到目前爲止效果很好。 –

回答

7

我RichFaces的工作4.3 +引導3相當長的時間了,認爲這是一種成功的方法

這是,我學到了什麼:

  1. jquery版本衝突:兩者都帶有jQuery(bootstrap req需要比richfaces更新的版本); doublecheck,如果你使用的是正確的jQuery實例,尤其是$別名!
  2. richfaces skinning應該在web.xml中禁用
  3. 像字體或圖標這樣的資源,這些資源是來自CSS的引用,通常被聲明爲相對URL;這不符合相當不錯到JSF資源系統(解決方法見下文)
  4. JSF資源庫支持和版本有很大幫助與管理不同的JS庫

解決方案1:

創建一個文件static-resource-mappings.properties這一行

jquery.js=org.richfaces.staticResource/jquery-1.10.2.js 
jquery-migrate.js=org.richfaces.staticResource/jquery-migrate-1.2.1.js 
在XHTML

,使用資源的快捷方式:

<h:outputScript name="jquery.js"/> 

check this - Richfaces 4 seems to be broken with JSF 2.2;所提出的解決方法爲我工作

可能的解決方法3:我添加隨Tomcat的靜態資源的servlet web.xml和把相關資源(在我的項目的查詢,用戶界面主題)下/靜態文件夾

<servlet> 
    <servlet-name>static-resource-servlet</servlet-name> 
    <servlet-class> 
     org.apache.catalina.servlets.DefaultServlet 
    </servlet-class> 
    <load-on-startup>1</load-on-startup> 
</servlet> 
<servlet-mapping> 
    <servlet-name>static-resource-servlet</servlet-name> 
    <url-pattern>/static/*</url-pattern> 
</servlet-mapping> 
+0

由於不兼容,我需要添加jquery-migrate.js –

0

我已經找到了這個項目,但我還沒有在任何項目中使用過。看看這,看看這是你想要的東西: https://bootstrap-richfaces.rhcloud.com/

建立在引導的頂部從Twitter,RichFaces的引導項目被包裹引導,所有偉大的組件的所有迷死人,以及其作爲JSF組件的所有效果!這很神奇,我們相信你會愛上它!

警告!這個項目目前是一個「沙箱」項目,正在大力發展。因爲這樣的標籤和屬性名稱隨時都可能發生變化。僅將其用於有趣或原型設計的目的!但請繼續關注該課程的發佈!