带有引导 CSS 的richfaces答案

【问题标题】：richfaces with bootstrap CSS带有引导 CSS 的richfaces
【发布时间】：2013-05-21 01:21:06
【问题描述】：

在一个项目中将 JSF 与 richfaces 和 bootstrap CSS 样式一起使用是否可能（并且合理）。所以使用richfaces进行页面渲染、UI模型和ajax；将样式留给引导程序和自定义 CSS。

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

【问题讨论】：

我从简单的 JSF 和 Bootstrap 重新开始，到目前为止效果很好。

标签： css twitter-bootstrap jsf-2 richfaces web-frameworks

【解决方案1】：

看看 RichFaces Bootstrap 项目。这是一项沙盒工作，但可能对您有用。

【讨论】：

【解决方案2】：

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

这就是我学到的：

jquery 版本冲突：两者都附带 jQuery（bootstrap 需要比 Richfaces 更新的版本）；仔细检查，如果您使用的是正确的 jQuery 实例，尤其是使用 $ 别名！
应该在 web.xml 中禁用 Richfaces 蒙皮
从 CSS 中引用的字体或图标等资源通常被声明为相对 URL；这不太适合 JSF 资源系统（解决方法见下文）
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>

【讨论】：

由于不兼容，需要添加jquery-migrate.js

【解决方案3】：

我找到了这个项目，但我还没有在任何项目中使用它。看看，看看这是否是你想要的： https://bootstrap-richfaces.rhcloud.com/

RichFaces Bootstrap 项目建立在 Twitter 的 Bootstrap 之上，将 Bootstrap 的所有精彩、所有出色的组件以及它的所有效果都封装为 JSF 组件！这很神奇，我们相信你会喜欢的！

警告！该项目目前是一个“沙盒”项目，正在大力开发中。因此，标签和属性名称都可能随时更改。仅用于娱乐或原型制作目的！当然，请继续关注发布！

【讨论】：