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/，并在htdocs/下创建目录WEB-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的引用。请确保您与文件名一致

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

1 个答案: