2

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

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

4

3 回答 3

7

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

检查一下 - 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>
于 2014-01-08T20:20:33.740 回答
4

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

于 2013-05-30T14:01:44.247 回答
0

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

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

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

于 2014-03-18T12:12:40.257 回答