richfaces与bootstrap CSS

Question

是否可以(并且合理)在一个项目中将JSF与richfaces和bootstrap CSS样式结合使用.所以使用richfaces进行页面渲染,UI模型和ajax; 将样式留给bootstrap和自定义CSS.

有人试过这个吗？这是一种超大的方法吗？

Answer 1

我使用richfaces 4.3 + bootstrap 3已经有很长一段时间了,并认为它是一种成功的方法

这就是我所学到的:

1. jquery版本冲突:两者都附带jQuery(bootstrap需要更新的版本,而不是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"/>

检查一下 - Richfaces 4似乎被JSF 2.2打破了 ; 建议的解决方法对我有用

可能的解决方案3:我将tomcat附带的静态资源servlet添加到web.xml,并将相关资源(我的项目中的query-ui主题)放在/ static文件夹下

<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>