html - 从 Python CGI 脚本生成的 HTML 页面引用 css

Question

大约一周前，我继承了一个用Python编写的监控和通知工具。我的任务是根据该工具多年来收集的数据为仪表板创建概念验证。不幸的是，我是 Python 的新手，从未做过 CGI 编程——所以完全不匹配。 :) 我正在使用 tomcat7，因为它已经安装在机器中。

问题是我无法让生成的 HTML 页面读取 CSS 文件。我在webapps/myapp下的目录结构如下:

$ tree
  .
  ├── graphpages.css
  ├── index.html
  ├── META-INF
  │   └── context.xml
  └── WEB-INF
      ├── cgi
      │   ├── hello_world.cgi
      │   └── page1.cgi
      └── web.xml

我尝试在我的 HTML 中引用 CSS，如下所示:

<link rel="stylesheet" type="text/css" media="screen" href="../graph_pages.css" />

尝试将文件 graph_pages.css 移动到 WEB-INF/ 下，并在 WEB- 下创建目录 htdocs/ INF/ 并将文件放在其中。含义:

$ tree
.
+-- index.html
+-- META-INF
¦   +-- context.xml
+-- WEB-INF
    +-- cgi
    ¦   +-- hello_world.cgi
    ¦   +-- page1.cgi
    +-- graphpages.css
    +-- web.xml

和

$ tree
.
+-- index.html
+-- META-INF
¦   +-- context.xml
+-- WEB-INF
    +-- cgi
    ¦   +-- hello_world.cgi
    ¦   +-- page1.cgi
    +-- htdocs
    ¦   +-- graphpages.css
    +-- web.xml

当然，我也更新了生成的 HTML。但一点帮助也没有。

我的浏览器能够打开上面第一个目​​录结构中的 CSS 文件，但在其他两种情况下不能。

请帮助我理解目录结构应该是什么以及如何让 CSS 对页面产生影响。

Answer 1

当有 graphpages.css在根级别使用 index.html使用网络根目录 /作为起点而不是相对路径 ../ :

<link rel="stylesheet" type="text/css" media="screen" href="/graphpages.css" />

注意:您有一些对 graphpages.css 的引用和 graph_pages.css .请确保您与文件名一致