2013-05-25 4 views
0

Приложение принимает мои теги и показывает мне страницу. Но в представлении я не вижу 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> 

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> 

ответ

1
  1. Вам нужно знать, что все, что находится за пределами вашего тега <ui:composition/>, будет игнорироваться во время визуализации страницы. Это означает, что тэги <h:form/> и <f:loadBundle/> не будут обрабатываться, если страница вашего шаблона включена в другую страницу. Это тогда приводит к текущей задаче с таблицами стилей:

  2. Это кажется вы используете устаревшую версию primefaces, судя по тому, что вы регистрируете

    org.primefaces.resource.ResourceServlet 
    

    Если так, ваша страница также должна иметь тег <h:head/>, чтобы позволить сервлету ресурсов вставлять необходимые таблицы стилей и сценарии в представление.

Так положить все вместе, вы будете иметь:

<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> 
+0

Я также как и догадок поделочные ответы очень много! Браво! +1 :) – skuntsel

+0

Lol @skuntsel! Я действительно собирался добавить код в конце концов. Сначала посмотрим на другие вопросы. – kolossus

Смежные вопросы