我正在尝试为我在实习中创建的工具制作烧瓶应用程序。我有一个可以生成 pandas 数据框的 Activity 类，我希望使用 Flask 将其显示到 HTML 中的表格中。我测试了一个简单的示例，该示例运行良好并显示给定的数据帧，但是当我尝试使用 Activites 类执行相同的操作时，它就不起作用。代码本身不会导致内核中出现任何错误，但是当我访问 http://localhost:5000/ 时，我的网络浏览器（Chrome）显示 localhost 不允许连接：ERR_CONNECTION_REFUSED。该类仅创建数据就花费了 15 分钟，我在想也许 Chrome 不喜欢等待这么长时间而只是拒绝连接？ 我是 Flask 新手，所以我很困惑。谢谢您的帮助:)
这是简单的工作代码：
import pandas as pd
from flask import Flask, redirect, url_for, request, render_template
app = Flask(__name__)
df = pd.DataFrame({'A': [0, 1, 2, 3, 4],
'B': [5, 6, 7, 8, 9],
'C': ['a', 'b', 'c', 'd', 'e']})
@app.route('/')
@app.route('/home')
def home():
return render_template('home.html')
@app.route('/task1')
def task1():
return render_template('task1.html')
@app.route('/handle_data', methods=['POST'])
def handle_data():
return render_template('simple.html', tables=[df.to_html(classes='data')], titles=df.columns.values)
if __name__ == '__main__':
app.run(debug=True)
这就是我正在尝试做的事情，但行不通：
import pandas as pd
from flask import Flask, redirect, url_for, request, render_template
from activities import Activities
app = Flask(__name__)
activities = Activities()
activities.load_data()
df = activities.raw_data.head()
@app.route('/')
@app.route('/home')
def home():
return render_template('home.html')
@app.route('/task1')
def search_for_sailors():
return render_template('task1.html')
@app.route('/handle_data', methods=['POST'])
def handle_data():
return render_template('simple.html', tables=[df.to_html(classes='data')], titles=df.columns.values)
if __name__ == '__main__':
app.run(debug=True)
对于需要时间返回客户端的数据，我使用的方法是 AJAX 来获取页面加载后的数据。
/handle_dataResponse()/handle_dataapp.py
import pandas as pd
from flask import Flask, redirect, url_for, request, render_template, Response
app = Flask(__name__)
@app.route('/')
@app.route('/home')
def home():
return render_template('home.html')
@app.route('/task1')
def task1():
return render_template('task1.html')
@app.route('/handle_data')
def handle_data():
df = pd.DataFrame({'A': [0, 1, 2, 3, 4],
'B': [5, 6, 7, 8, 9],
'C': ['a', 'b', 'c', 'd', 'e']})
return Response(df.to_html())
if __name__ == '__main__':
app.run(debug=True)
home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Example</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
</head>
<body>
<header>
<h1>Header 1</h1>
</header>
<main id="main">
<section id="data-section">
<h2>Data</h2>
<div id="data"/>
</section>
</main>
</body>
<script>
function apicall(url) {
$.ajax({
type:"GET",
url:url,
success: (data) => {
$("#data").html(data);
}
});
}
window.onload = function () {
apicall("/handle_data");
}
</script>
</html>