从由 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-INF/ 下创建目录 htdocs/ 并将文件放入其中。含义：

$ 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 的引用。请确保您与文件名一致

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

Referring to css from a HTML page generated by a Python CGI script

html

css

python-2.7

tomcat7

cgi