javascript - baseHTTPserver 不能使用 javascript 库

标签 javascript python protovis basehttpserver

我正在构建一个基于 python 的网络服务器(是的,python 对于网络服务器来说是一个糟糕的选择,但这是我唯一的选择还有另一个很好的选择可以满足我的目的,例如 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() 函数返回上面的行。

我在 CentOS 6.2 和 python 2.6 下工作,我需要在 baseHTTPserver 中做些什么来包含我正在使用的 javascript 库吗?相同的代码在 Apache + PHP 上运行良好,我只是重复它们。

有什么想法吗?

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

Unlike Apache+PHP, BaseHTTPServer will not just serve anything you put into that folder. You have to either do it yourself, as Matthew described, or serve protovis.js from a different server (could even be a SimpleHTTPServer running on a different port). – Vasiliy Faronov

See Matthew Adams's instruction below

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

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

这解决了问题。

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

最佳答案

确保您正在服务 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 的方法当它被请求时(即当 self.pathprotovis/protovis.js 时)。

关于javascript - baseHTTPserver 不能使用 javascript 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11229543/

相关文章:

javascript - 我可以让 SignalR 在设置窗口位置时不自行断开连接吗?

javascript - Stripe 输入字段不会显示

javascript - 你会如何排除这个未定义的方法

javascript - 打印原型(prototype)输出(以编程方式)

javascript - Protovis 与 D3.js

javascript - 直接将 prop 变量添加到 React 子组件的方法

python - 使用 fitEllipse 对图像进行椭圆拟合

python 和 PEP 440 - 这个关于 PEP440 的警告有多严重?

python - 过滤 tsv 文件以根据列值获取前 3 个出现次数

javascript - &lt;script type ="text/javascript+protovis"> +号是什么意思?