Primefaces不显示CSS和js

该应用程序需要我的标签并向我显示页面。但在视图中，我看不到CSS和JS。这是我的代码：Primefaces不显示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>

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

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

来源

2013-05-25 user2420726

您需要知道，在页面呈现期间，您的<ui:composition/>标记之外的所有内容都将被忽略。这意味着如果您的模板页面包含在其他页面中，则您的<h:form/>和<f:loadBundle/>标签将不会被处理。这进而导致你目前的问题与样式表：
看来你使用primefaces的旧版本，由你注册的事实判断
```
org.primefaces.resource.ResourceServlet 
```
如果是这样的话，您的页面也应该有一个<h:head/>标记，以允许资源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>

来源

2013-05-25 19:20:22 kolossus

我也喜欢猜测它自己的回答非常感谢！好样的！ +1 :) – skuntsel

Lol @skuntsel！我实际上最终会添加代码。先看其他问题。 – kolossus

Primefaces不显示CSS和js

回答

相关问题