从子文件夹中获取.css文件

Question

在Netbeans中，我有一个名为css的子文件夹和一个名为testcss.css的文件。

如何从根目录获取 Facelets 文件以访问testcss.css文件？

<meta http-equiv="content-type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="/testcss.css" title="style" />

我的目录结构是：

Root (not a folder)
    css (folder)
      testcss.css

此处提供了该结构的屏幕截图。

Answer 1

你应该把CSS（以及JS和图像）资源放在/resources文件夹中（如果不存在，请创建一个）。

Web Pages
 |-- META-INF
 |-- WEB-INF
 |-- resources
 |    |-- css
 |    |    `-- style.css
 |    |-- js
 |    |    `-- script.js
 |    `-- img
 |         `-- logo.png
 |-- index.xhtml
 :

完成此操作后，您应该能够使用适当的JSF组件<h:outputStylesheet>（以及<h:outputScript>和<h:graphicImage>）引用CSS（以及JS和图像）资源，如下所示：

<h:outputStylesheet name="css/style.css" />
<h:outputScript name="js/script.js" />
<h:graphicImage name="img/logo.png" />

无需摆弄相对路径。JSF 将自动生成正确的 URL。

另请参阅：

• 如何在小面模板中引用 CSS/JS/图像资源？
• JSF 资源库的用途是什么，应该如何使用它？
• 具有共享代码的多个 JSF 项目的结构

Answer 2

您需要调用正确的路径。

例如，如果您的文件是有组织的：

ROOT
   CSS(FOLDER)
      styles.css 
   UPLOADED(FOLDER)
      index.html

如果尝试从索引访问样式文件.html则需要：

href="../css/styles.css"