1

我正在构建一个基于 python 的网络服务器（是的，python 对于 web 服务器来说是一个糟糕的选择，但这是我唯一的选择对于我的目的，还有另一个不错的选择，例如 PHP，但我仅限于 python）

我使用 ProtoVis 进行一些数据可视化。（基于 JavaScript 的可视化工具）

如果我只是将它们复制并粘贴到测试文件中并重命名 .html （假设我在它旁边提取了 protovis 库），则以下代码可以工作

如果您想尝试，请在此处获取https://github.com/mbostock/protovis/zipball/v3.3.1

<html>
    <head>
        <title>Area Chart</title>
        <link type="text/css" rel="stylesheet" href="ex.css?3.2"/>
        <script type="text/javascript" src="protovis/protovis.js"></script>
        <style type="text/css">
        #fig {
            width: 430px;
            height: 225px;
        }
        </style>
    </head>
    <body>
    <div id="center">
    <div id="fig">
    <script type="text/javascript+protovis">
    
var data = pv.range(0, 10, .1).map(function(x) {
    return {x: x, y: Math.sin(x) + Math.random() * .5 + 2};
  });
    
/* Sizing and scales. */
var w = 400,
    h = 200,
    x = pv.Scale.linear(data, function(d) d.x).range(0, w),
    y = pv.Scale.linear(0, 4).range(0, h);

/* The root panel. */
var vis = new pv.Panel()
    .width(w)
    .height(h)
    .bottom(20)
    .left(20)
    .right(10)
    .top(5);

/* Y-axis and ticks. */
vis.add(pv.Rule)
    .data(y.ticks(5))
    .bottom(y)
    .strokeStyle(function(d) d ? "#eee" : "#000")
  .anchor("left").add(pv.Label)
    .text(y.tickFormat);

/* X-axis and ticks. */
vis.add(pv.Rule)
    .data(x.ticks())
    .visible(function(d) d)
    .left(x)
    .bottom(-5)
    .height(5)
  .anchor("bottom").add(pv.Label)
    .text(x.tickFormat);

/* The area with top line. */
vis.add(pv.Area)
    .data(data)
    .bottom(1)
    .left(function(d) x(d.x))
    .height(function(d) y(d.y))
    .fillStyle("rgb(121,173,210)")
  .anchor("top").add(pv.Line)
    .lineWidth(3);

vis.render();

    </script>
    </div>
    </div>
    </body>
</html>

但是，如果我在 baseHTTPserver 中返回上述代码，它似乎不起作用。根据我的调查，“protovis/protovis.js”中的库似乎没有正确包含。

if url[0] == "/chart":
    self.send_response(200)
    self.send_header("Content-type","text/html")
    self.end_headers()
    self.wfile.write(chart())
    return

其中 chart() 函数返回上面的行。

我正在使用 python 2.6 在 CentOS 6.2 下工作，我需要在 baseHTTPserver 中做些什么来包含我正在使用的那个 javascript 库吗？相同的代码在 Apache + PHP 上运行良好，我只是简单地回显它们。

任何的想法？

========================解决方法========================

与 Apache+PHP 不同，BaseHTTPServer 不会只为您放入该文件夹的任何内容提供服务。正如 Matthew 所描述的，您必须自己做，或者从不同的服务器提供 protovis.js（甚至可以是在不同端口上运行的 SimpleHTTPServer）。——瓦西里·法罗诺夫

请参阅下面 Matthew Adams 的说明

我必须做的是在处理 JavaScript 文件的 do_GET() 中添加另一个方法来解决这个问题

if url[0] == "/protovis/protovis.js":
    f = open("protovis/protovis.js","rb")
    for each_line in f:
        self.wfile.write(each_line)
    return

这解决了这个问题。

谢谢大家的解决方案，我真的很感激

4

1 回答 1

2

确保您protovis/protovis.js使用 BaseHTTPServer 提供服务。基本上，浏览器<script type="text/javascript" src="protovis/protovis.js"></script>在读取它获得的 html 输出时会“看到”该行，然后请求服务器实际发送 protovis/protovis.js 文件。我没有在那个 github 下载中看到 python 代码，所以我无法在您的代码上下文中具体展示如何执行此操作，但请查看SimpleHTTPRequestHandler. 使用它，您可以添加到do_GET()方法中，让服务器protovis/protovis.js在请求时发送（即 when self.pathis protovis/protovis.js）。

于 2012-06-27T16:47:58.443 回答