Javascript Primefaces不'；不显示css和js

应用程序获取我的标签并显示页面。 但是在视图中，我看不到CSS和JS。 这是我的代码：

pom.xml

    <repositories>
        <repository>
            <id>prime-repo</id>
            <name>PrimeFaces Maven Repository</name>
            <url>http://repository.primefaces.org</url>
            <layout>default</layout>
        </repository>
    </repositories>


    <dependencies>
        <!-- JSF -->

        <dependency>
            <groupId>javax</groupId>
            <artifactId>javaee-web-api</artifactId>
            <version>6.0</version>
            <scope>provided</scope>
        </dependency>

        <dependency>
            <groupId>com.sun.faces</groupId>
            <artifactId>jsf-api</artifactId>
            <version>2.1.13</version>
        </dependency>

        <dependency>
            <groupId>com.sun.faces</groupId>
            <artifactId>jsf-impl</artifactId>
            <version>2.1.13</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.1</version>
        </dependency>

        <!-- PrimeFaces -->
        <dependency>
            <groupId>org.primefaces</groupId>
            <artifactId>primefaces</artifactId>
            <version>3.5</version>
        </dependency>

        <dependency>
            <groupId>org.primefaces.themes</groupId>
            <artifactId>afterdark</artifactId>
            <version>1.0.9</version>
        </dependency>

    </dependencies>
</project>

优质回购
PrimeFacesMaven存储库
http://repository.primefaces.org
违约
爪哇
javaeewebapi
6
假如
com.sun.faces
JSFAPI
2.1.13
com.sun.faces
jsf impl
2.1.13
javax.servlet
jstl
1.2
javax.servlet
servlet api
2.5
javax.servlet.jsp
jsp api
2.1
org.primefaces
素面
3.5
org.primefaces.themes
黄昏
1.0.9

web.xml

<!-- faces-confg -->
<context-param>
    <param-name>javax.faces.CONFIG_FILES</param-name>
    <param-value>
    WEB-INF/faces-config.xml,
        WEB-INF/manage-beans.xml,
        WEB-INF/navigation-rule.xml
    </param-value>
</context-param>

<context-param>
    <param-name>javax.faces.PROJECT_STAGE</param-name>
    <param-value>Production</param-value>
</context-param>

<!-- JSF THEME -->
<context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>afterdark</param-value>
</context-param>

<!-- JSF Mapping -->

<servlet>
    <servlet-name>facesServlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>facesServlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern> 
</servlet-mapping>

<context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>WEB-INF/application-context.xml</param-value>
</context-param>

<context-param>
    <description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
</context-param>

<context-param>
    <param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
    <param-value>resources.application</param-value>
</context-param>

<!-- Servlet de recursos de Primefaces -->
<servlet>
    <servlet-name>Resource Servlet</servlet-name>
    <servlet-class>org.primefaces.resource.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Resource Servlet</servlet-name>
    <url-pattern>/primefaces_resource/*</url-pattern>
</servlet-mapping>

javax.faces.CONFIG_文件
WEB-INF/faces-config.xml，
WEB-INF/manage-beans.xml，
WEB-INF/navigation-rule.xml
javax.faces.PROJECT_阶段
生产
主题
黄昏
小脸蛋
javax.faces.webapp.FacesServlet
1.
小脸蛋
*.xhtml
上下文配置位置
WEB-INF/application-context.xml
状态保存方法：“客户端”或“服务器”（=默认值）。参见JSF规范2.5.2
javax.faces.STATE_保存方法
客户
javax.servlet.jsp.jstl.fmt.localizationContext
资源.应用
资源Servlet
org.primefaces.resource.ResourceServlet
资源Servlet
/素数资源/*

index.xhtml

    <?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:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">


<h:form>
    <f:loadBundle var="text" basename="i18n.applicationResources" />

    <ui:composition template="WEB-INF/xhtml/includes/mainLayout.xhtml">
        <ui:define name="content">
            Leerroo lerro 


<p:panel header="Colors">  
        <h:panelGrid columns="2" cellpadding="10">  
            <h:outputText value="Inline: " />  
            <p:colorPicker id="inlineCP" value="#{colorBean.color1}" mode="inline" />  

            <h:outputText value="Popup: " />  
            <p:colorPicker id="popupCP" value="#{colorBean.color2}" widgetVar="picker"/>  
        </h:panelGrid>
        </ui:define>
    </ui:composition>
</h:form>
</html>

里罗·勒罗

您需要知道，在页面呈现期间，

标记之外的所有内容都将被忽略。这意味着，如果模板页面包含在另一个页面中，则不会处理您的

和

标记。这就导致了当前样式表的问题：

从您正在注册的事实来看，您似乎正在使用primefaces的旧版本

 org.primefaces.resource.ResourceServlet

如果是这种情况，您的页面还应该有一个

标记，以允许资源servlet在视图中注入必要的样式表和脚本

因此，将所有这些放在一起，您将有：

<h:head/>
<ui:composition template="WEB-INF/xhtml/includes/mainLayout.xhtml">
<f:loadBundle var="text" basename="i18n.applicationResources" />
    <ui:define name="content">
        Leerroo lerro 
   <p:panel header="Colors">  
    <h:panelGrid columns="2" cellpadding="10">  
      <h:form>
        <h:outputText value="Inline: " />  
        <p:colorPicker id="inlineCP" value="#{colorBean.color1}" mode="inline" />  

        <h:outputText value="Popup: " />  
        <p:colorPicker id="popupCP" value="#{colorBean.color2}" widgetVar="picker"/>  
       <h:form>
    </h:panelGrid>

    </p:panel>
    </ui:define>
  </ui:composition>
 </html>

里罗·勒罗

我也很喜欢自己猜答案！好极了+1:）哈哈@skuntsel！实际上，我最终会添加代码。先看看其他问题。