css - 带有 bootstrap CSS 的 richfaces

Question

是否可以(并且合理地)在一个元素中将 JSF 与 richfaces 和 bootstrap CSS 样式一起使用。所以使用 richfaces 进行页面渲染、UI 模型和 ajax；将样式留给 Bootstrap 和自定义 CSS。

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

Answer 1

我使用 richfaces 4.3 + bootstrap 3 已经有一段时间了，我认为这是一种成功的方法

这是我学到的:

1. jquery 版本冲突:两者都附带 jQuery(bootstrap 需要比 richfaces 更新的版本)；仔细检查，如果您使用的是正确的 jQuery 实例，尤其是 $ 别名!
2. 应该在 web.xml 中禁用 richfaces 皮肤
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并将相关资源(我元素中的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>