Richfaces с загрузочным CSS

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

Кто-нибудь когда-нибудь пробовал это? Это чрезмерный подход?


css twitter-bootstrap web-frameworks jsf-2 richfaces
person Steve Oh    schedule 25.05.2013    source источник
comment
Я начал с простого JSF и Bootstrap, и до сих пор это работало хорошо.   -  person Steve Oh    schedule 08.10.2013

Ответы (3)


arrow_upward
7
arrow_downward

Я работал с richfaces 4.3 + bootstrap 3 довольно давно и считаю это удачным подходом

Вот что я узнал:

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

проверьте это - Richfaces 4 кажется не работает с JSF 2.2; предложенный обходной путь сработал для меня

Возможное решение для 3: я добавил сервлет статических ресурсов, поставляемый с tomcat, в 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>
person Steve Oh    schedule 08.01.2014
comment
из-за несовместимости мне нужно было добавить jquery-migrate.js - person Steve Oh; 21.11.2014

arrow_upward
4
arrow_downward

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

person Pavol Pitonak    schedule 30.05.2013

arrow_upward
0
arrow_downward

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

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

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

person Auston    schedule 18.03.2014