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

Question

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

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

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

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

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