Home / Questions / 35902
Accepted
Pablo García Tamarit
Asked: 2020-11-25 23:02:31 +0800 CST 2020-11-25 23:02:31 +0800 CST

GlassFish StandAlone 不加载图像、primefaces 中的 JSF 元素和 CSS 元素

  • 772

我在 netbeans 中有一个运行良好的项目。但是，我在 glassfish 独立 4.1 中加载 .war（此版本与 netbeans 版本相同）

我从 netbeans 制作默认的 .war （清理和构建）

在 GFish StandAlone 中部署的项目中，它既不显示照片也不显示主要组件内的元素。此外，primefaces 主题不加载 CSS

.xhtml中图片和css的使用示例

<h:head>
    <h:outputStylesheet library="resources" name="css/login.css"/>
    <style type="text/css">
        body{

                background-image: url("resources/images/fondoBlanco.jpg");
                background-size: cover;
                background-repeat: no-repeat; 
                background-attachment:fixed;
        }
    </style>
</h:head>

示例按钮图像

    <p:commandLink action="#{loginBean.sessGmail()}" ajax="true" type="submit" >
        <h:graphicImage library="resources" name="images/iconGmailBlack.png" style="width: 150px; height: 150px; "/>
        <f:param name="idParamtro" value="#{loginBean.userLog}" />
    </p:commandLink>

感谢所有帮助

jsf

1 Answers

  1. Best Answer

    如果它在 GF/Netbeans 中工作，它将与“独立”GF 一起工作，除非它有配置datasource,connectionpool, Realm，如果是这种情况，你必须手动配置它，因为有时glassfish-resources.xml它没有被考虑在内。（有点荒谬但确实发生了）。但如果是这种情况，你应该得到某种StackTrace. 您可以查看server log发生了什么，因为您没有使用 Netbeans，因此您无法看到“控制台”。您可以在以下位置找到服务器日志：

    [lugar_de_instalación]\glassfish\domains\domain1\logs

    就我而言：

    C:\Program Files\glassfish-4.1.1\glassfish\domains\domain1\logs

    最有可能的是，该文件将阐明为什么它不能正常工作，但我认为它与部署描述符没有太大关系，web.xml因为它是由 netbeans 在创建 Web 项目时配置的。

    如果您修改了它，请确保您至少具有以下配置，否则页面将无法被浏览器解释：

    <?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.1" 
         xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">    


     // Activar el Servlet que se encarga de 
     // crear HTML a partir de etiquetas JSF
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>        
    </servlet>

    // Vincular el "Faces Servlet" 
    // con recursos que estén acorde al "url-pattern"
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>

    // Establecer qué página mostrar al iniciar la app.
    <welcome-file-list>
        <welcome-file>welcome.xhtml</welcome-file>
    </welcome-file-list>

</web-app>

    版

    JSF 通过资源处理程序帮助我们动态加载外部资源。

    这工作如下：

    1. 您必须在 WebContent 或 Web Pages 中创建一个名为resources的文件夹，它将包含将在应用程序中使用的资源。
    2. 要调用资源，请执行以下操作：

    使用这种结构：

    -Web Pages
    |___ WEB-INF
    |___ resources
            |__ css
            |    |_ estilosIndex.css
            |__ js
            |    |_ index.js
            |__ imagenes
                 |_ avatar.png

    如果我们想调用CSS|Javascript我们使用的资源：

    <h:outputStylesheet library="css" name="estilosIndex.css" />

    任何一个

    <h:outputStylesheet name="css/estilosIndex.css" />

    无需显式调用文件夹resources

    javascript也是如此：

    <h:outputScript library="js" name="index.js" />

    任何一个

    好的，现在PrimefacesJSF 组件怎么样<h:...。

    要调用位于其中的图像资源，resources/您必须使用该属性name

    <h:graphicImage name="imagenes/avatar.png" />

<p:graphicImage name="imagenes/avatar.png" />

    任何一个

    <h:graphicImage name="avatar.png" library="imagenes"/>

<p:graphicImage name="/avatar.png" library="imagenes"/>

    该属性value用于二进制信息。

    要从文件调用资源css|js，请使用资源包：

    body{
  background: url("#{resource['imagenes/avatar.png']}");
}
    • 1