当前位置: 首页 > 知识库问答 >
问题:

在资源文件夹下的css文件中,图像url的值应该是多少,并且这个资源文件夹在Spring被映射为默认的servlet?

虞祯
2023-03-14

我正在创建maven Spring java Web应用程序。我在默认servlet的web.xml中放置了一个映射,该映射映射到Web应用程序文件夹下的资源文件夹。现在在这个资源文件夹下,我有三个文件夹:

img、css、html。

我在web-inf文件夹下有一个jsp页面。从这个jsp页面,我指向css,从css,我正在设置img文件夹中的背景图像。

css成功地被包含在jsp页面中,而背景图像没有被加载,无法解析并找到在url()方法下定义的图像的准确路径。

以下是我的资源片段:

>

  • css文件:

    height : 70%;
    background-image: url('/resources/img/images1.jpeg'); 
    background-size:  cover;
    background-repeat: no-repeat;
    z-index: -1;
    

    }

    网状物xml格式:

    <servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>/resources/*</url-pattern>
    </servlet-mapping>
    

    请提供一些解决方案并解释包含图像的概念?

  • 共有1个答案

    桓瀚
    2023-03-14

    通过导入CSS样式表时,样式表由FacesServlet通过/javax.faces.resource/*导入和处理。看看生成的指向有问题的样式表的元素,您就明白了。

    您必须更改所有url()依赖项以使用#{resource['library:location']}。然后,JSF将自动用正确的路径替换它。鉴于您的文件夹结构,您需要替换

    .c2 {
        background: url("/resources/images/smiley.jpg");  
    }
    

    .c2 {
        background: url("#{resource['images/smiley.jpg']}");  
    }
    

    如何在Facelets模板中引用CSS/JS/image资源?

     类似资料:
    • 我有一个spring boot应用程序。我正在尝试读取一些我放在main/resources文件夹下的文件。我看到spring boot自动读取resources文件夹下的application.properties。但是,它似乎无法读取我放在resources文件夹下的其他xml/文本文件。 我是否应该为程序添加任何附加配置,以自动读取资源文件夹下的所有文件,而不必显式提供路径?

    • 资源(Asset)代表 source 文件夹中除了文章以外的所有文件,例如图片、CSS、JS 文件等。比方说,如果你的Hexo项目中只有少量图片,那最简单的方法就是将它们放在 source/images 文件夹中。然后通过类似于 ![](/images/image.jpg) 的方法访问它们。 对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo也提供了更组

    • 出于某种原因,我一直在GradleJavaFX项目中获得NPE。 我的文件夹结构非常基本。我在文件夹中有一个包含java文件的包。我的资源也在文件夹中。当我尝试加载它给了我一个NPE。 这是一个助手类。 从我调用:

    • 在这里,我正在寻找一种方法,以动态的方式在我的react应用程序中使用来自Assets/images的文件夹中的图像。 下面是我的资产文件夹的树结构。 但在显示它的时候,图像却找不到了…… 下面是我尝试的: 或 我的反应组件: 我的Webpack配置(它是Webpack encore)

    • 这是我的服务方法 这是我的控制器方法 当我使用我的服务器时,我会得到HTTP状态500类路径资源[output.png]无法解析为URL,因为它不存在

    • 我正在从主类访问资源文件夹中的文件 我收到了这个错误: 我甚至打开了jar文件,remoteUnitsIdsInOldServer.txt文件就在那里,在类内部