Question

我正在使用内置的烧录服务器，我想显示一个动画饼图，如下所示： http://codepen.io/tpalmer/pen/jqlFG 要么 http://jsfiddle.net/thmain/xL48ru9k/1/

为简单起见，我使用后者。

python flask服务器代码是：

from flask import Flask, render_template, request, flash
from forms import ContactForm
app = Flask(__name__)
app.secret_key = 'blah'

@app.route('/', methods = ['GET', 'POST'])
def test():
   return render_template('test.html')

if __name__ == '__main__':
   app.run(debug = True)

我确实将网页上提供的javascript代码复制到static / script2.js文件中和css代码到static / css / style_d3.css

我的HTML代码是

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <link  rel="stylesheet"  href="//style_d3.css" type="text/css">
  </head>

  <body>
<p>test</p>
<div class="animated-ring">
    <svg></svg>
</div>

    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="//script2.js"></script>
  </body>

</html>

我通过烧瓶服务器运行网页。但我得到的网页只是说＆＃34;测试＆＃34;，没有图表。我做错了什么？

如果有人能帮助我，我真的很感激。

Answer 1

你只在“/”路径上渲染test.html，需要在“/script2.js”处渲染script2.js。

在项目的根目录中尝试使用这个内容来托管所有文件：

python -m SimpleHTTPServer

Answer 2

我认为你需要设置你的js文件的路径。在您的应用程序目录中创建一个静态文件夹然后放入您的script2.js文件，当您在html中调用此文件时使用flask url_for（）函数

src="{{url_for('static', filename='script2.js'}}"

d3饼图与烧瓶服务器

2 个答案: