0

我使用 Tomcat 创建了一个带有 JSF 2.2 的 netbeans (7.31) 新 Web 项目，我下载了 Bootsfaces-OSP-dist-0.7.jar 并将其添加到我的项目中。我在 Bootsfaces 快速入门指南中做了所有相关的事情，包括关于 web.xml 、 faces-config.xml 和主题 css 支持的所有内容。我对 maven pom.xml 构建文件一无所知（使用 netbeans IDE 我不需要在 pom.xml 中执行任何操作，而且我不知道如何在使用 netbeans IDE 的项目中执行此操作）我还创建了一个 index.xhtml快速入门指南中的相关页面（带有<h:head/>标签）当我运行我的项目时，所有外观都没有任何样式。

任何人都可以帮助我一步一步地在使用 netbeans IDE、JSF 2.2 和 tomcat 创建的项目中进行 bootsfaces 工作吗？

这是我的 web.xml 文件：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.faces</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/javax.faces.resource/*</url-pattern>
    </servlet-mapping>

    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
    <context-param>
        <param-name>BootsFaces_USETHEME</param-name>
        <param-value>true</param-value>
    </context-param>
</web-app>

`

4

2 回答 2

0

好吧，一切对我来说都很好。我做了以下步骤：

  1. 我在 Netbeans 8.0.2 中创建了一个新的 Web 项目并添加了 JSF 2.2（库，然后添加库）。
  2. 从他们的站点下载最新的 Bootsfaces JAR 并将其添加到项目（库，然后添加 JAR/文件夹）。

  3. 创建了一个新的 JSF 文件：

    <?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:b="http://bootsfaces.net/ui"
  xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>
    <b:navBar brand="Brand" brandHref="#" inverse="true">
        <b:navbarLinks>
        <b:navLink value="Home" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        </b:navbarLinks>
    </b:navBar>
</h:body>

只是不要忘记这部分xmlns:b="http://bootsfaces.net/ui"。

于 2015-06-25T09:09:11.667 回答
0

至少有三个陷阱会使您的主题消失：

  • 您是否将主题添加到 web.xml？ xml <context-param> <param-name>BootsFaces_USETHEME</param-name> <param-value>true</param-value> </context-param>
  • 请不要在 servlet 映射中使用文件夹名称。我不确定它是否会导致 CSS 错误，但肯定会使事情变得更加复杂，并且可能会混淆资源映射器。
  • 出于某种原因，如果将 OmniFaces 的 CombinedResourceHandler 添加到 faces-config.xml 中，BootsFaces 会更好地工作。或者，您可以添加 UnmappedResourceHandler（它是 BootsFaces 的一部分）。通常，BootsFaces 需要其中之一来查找 CSS 文件和/或字体。另请参阅http://www.bootsfaces.net/integration/OmniFaces.jsf。

通常可行的另一种方法是从一个演示项目开始，例如https://github.com/stephanrauh/BootsFaces-Examples。

于 2015-06-26T16:25:27.930 回答