css - 带有引导 CSS 的richfaces

Question

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

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

score 7 · Accepted Answer

我使用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"/>

检查一下 - 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>

score 4 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

css - 带有引导 CSS 的richfaces

3 回答 3

Related