我正在构建一个基于python的web服务器(是的,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中返回上述代码,它似乎不起作用。根据我的调查,普罗托维斯图书馆/原型.js“未正确包含。在
^{pr2}$函数返回上面的行。在
我在CentOS 6.2和Python2.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\u 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
这就解决了问题。在
谢谢你们的解决方案,我真的很感激
确保您正在使用BaseHTTPServer为
protovis/protovis.js
提供服务。基本上,当浏览器读取它得到的html输出时,它将“看到”行<script type="text/javascript" src="protovis/protovis.js"></script>
,然后然后请求服务器实际发送protovis/原型.js文件。我在github下载中没有看到python代码,因此我不能具体说明如何在代码上下文中实现这一点,但是请查看SimpleHTTPRequestHandler
。{{{cd6}被请求时,{cd6}是用来添加的。在相关问题 更多 >
编程相关推荐