richfaces с bootstrap CSS

Question

Возможно ли (и разумно) использовать JSF с богатыми поверхностями и bootstrap CSS стилизация вместе в одном проекте. поэтому с помощью richfaces для рендеринга страниц, моделей пользовательского интерфейса и ajax; оставляя стиль до бутстрапа и пользовательского CSS.

Кто-нибудь когда-либо пробовал это? Это слишком большой подход?

Answer 1

Посмотрите на проект RichTaces Bootstrap. Это песочница, но это может быть полезно для вас.

• http://www.bleathem.ca/blog/2012/05/richfaces-bootstrap.html
• https://bootstrap-richfaces.rhcloud.com/

Answer 2

Я работал с RichFaces 4,3 + самонастройки 3 довольно времени, и считают его успешный подход

Это то, что я узнал:

1. конфликт в jQuery: оба корабля с jQuery (bootstrap req uires более новая версия, чем richfaces); doublecheck, если вы используете правильный экземпляр jQuery, особенно с $ псевдоним!
2. оболочка скинов должна быть отключена в 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"/> 

check this - Richfaces 4 seems to be broken with JSF 2.2; предлагаемый обходной путь работал для меня

Возможного решения 3: Я добавил статический сервлет ресурса поставляемый с котом в web.xml и поставить относительные ресурсы (запрос-щий тема в моем проекте) в/статической папке

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

Answer 3

Я нашел этот проект, но я еще не использовал его в любом проекте. Посмотрите, что и посмотреть, если это то, что вы хотите: https://bootstrap-richfaces.rhcloud.com/

Построенный на вершине Bootstrap от Twitter, проект RichFaces Bootstrap оборачивает все удивительность Bootstrap, все его большие компоненты, и все его последствия, как компоненты JSF! Это волшебство, и мы уверены, что вам понравится!

Предупреждение! Этот проект в настоящее время является проектом «песочницы» и находится в тяжелом развитии. Таким образом, оба тега и имена атрибутов могут быть изменены в любое время. Используйте его только для удовольствия или создания прототипов! Но будьте настроены на выпуск, конечно!