我正在构建一个基于 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.path
是 protovis/protovis.js
时)。
关于javascript - baseHTTPserver 不能使用 javascript 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11229543/