网页jsp：包含标题但不使用链接样式表

Question

我在找到提出这个问题的正确方法时遇到了一些问题。但我希望你能理解问题并能够提供帮助。

我已经使用 jsp 建立了一个非常基本的 Maven Web 应用程序。

目前我有 2 页。

1. Index.jsp（带有登录按钮的起始页）
2. Home.jsp（登录后主页）

我还有一个header.jsp 和一个footer.jsp。 index.jsp 和 home.jsp 都使用页眉和页脚。

标题中是指向stylesheet 的链接。 当我运行项目时。 index.jsp 和 home.jsp 都使用标题（他们有正确的标签） 但只有index.jsp 使用stylesheet。

为什么home.jsp 不使用stylesheet，即使标题包含正确。

以下是一些代码图片，可帮助您了解情况。

项目结构

Index.jsp 包含 header/footer.jsp

Home.jsp 与 header/footer.jsp 的 include 相同，只是路径不同。 但它们加载正确，除了 css。

这里是 Header.jsp，带有样式表的链接

如果您需要更多信息，我很乐意提供。

Answer 1

使用以下代码链接 header.jsp 中的 css：

<link rel="stylesheet" type="text/css" href="../../../css/default-header.css"/>

注意：您需要正确定位资源，“../”会在后退文件夹中搜索资源。
目前 yourheader.jsp 将搜索位于webapp\pages\layouts\default 的default 文件夹中的资源，但您的css 位于webapp\css 文件夹中。因此，您需要回溯以找到该资源。

绝招：按ctrl key点击超引用链接，如果链接正确应该直接打开资源。否则，如果提供的路径不正确，则无法找到资源。
希望您使用的是 IDE。

对于您在评论中的查询，

1. 您的index.jsp 文件位于layouts 文件夹中，因此您必须将header.jsp 包含为default/header.jsp。现在，您的代码将在 layouts/layouts/default/header.jsp 中搜索 header.jsp
2. 对于home.jsp，如果您能够访问footer.jsp，那么header.jsp 应该可以在header.jsp 中访问。代码../layouts/default/header.jsp 在home.jsp 中是正确的。

Answer 2

感谢@Rohit Gaikwad 的回答，我能够自己弄清楚。

原来你需要从使用过的页面中找到css（所以不仅来自header.jsp，还来自index/home.jsp

所以我将样式表的链接更改为以下内容：

    <link rel="stylesheet" type="text/css" href="css/default-header.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/default-header.css"/>

这样我可以从 index.jsp 和 home.jsp 中使用 （仍然不确定为什么 index.jsp 可以从 css/default-header.css 链接加载 css，而无需使用“../”浏览文件夹）