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

Question

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

如何从 root 获取 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。

也可以看看：

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

Answer 2

您需要调用正确的路径。

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

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

如果您尝试从 index.html 访问样式文件，您需要：

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