Python 分离App.py和index.html_Python_Html_Css_Flask

Python 分离App.py和index.html

python html css flask

Python 分离App.py和index.html,python,html,css,flask,Python,Html,Css,Flask,你好，世界， Python和FLASK的新功能，我想从FLASK上传、处理和下载一个csv文件以下代码提供了请求的输出，存储在“app.py”中： Index.html如下所示 from flask import Flask, make_response, request, render_template import io import csv import pandas as pd from datetime import datetime app = Flask(__name__, t

你好，世界，

Python和FLASK的新功能，我想从FLASK上传、处理和下载一个csv文件

以下代码提供了请求的输出，存储在“app.py”中：

Index.html如下所示

from flask import Flask, make_response, request, render_template
import io
import csv
import pandas as pd
from datetime import datetime

app = Flask(__name__, template_folder='C:/Users/pro/templates')


@app.route('/')
def home():
    return render_template('index.html')

@app.route('/transform', methods=["POST"])
def transform_view():

    # Load DF
    df = pd.read_csv(request.files.get('data_file'))

    # Process
    df['New'] = df['col1'].apply(lambda x: '{0:0>10}'.format(x))

    # Send Response
    resp = make_response(df.to_csv())
    resp.headers["Content-Disposition"] = "attachment; filename= export.csv"
    resp.headers["Content-Type"] = "text/csv"
    return resp

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

<!DOCTYPE html>

<html >
<head>
<meta charset="UTF-8">
<title>ML API</title>

<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="login"> <br/><br/><br/>
<center>
<img src= "images/logo.jpg" width="550" height="145"> <br/><br/>
<input type="file" class="btn btn-primary btn-block btn-large" name="myfile" required="required"/>  <br/>

<button type="submit" class="btn btn-primary btn-block btn-large" >Process</button>
</center>
</div>
</body>
</html>


ML API









过程

问题是，现在没有任何过程正在进行。当我点击处理时，什么也没有发生。以前，我可以下载带有新专栏的CSV文件。此外，图像未显示

感谢您的帮助

您应该将index.html放在名为templates的文件夹中：

看例如，为了充分解释

关于从另一台计算机启动烧瓶，请参阅：

编辑后：

您已删除表单部分：” 另外，您的图像应该位于名为static的文件夹中，请参阅例如

特别是Ep 4和7

您应该将index.html放在名为templates的文件夹中：

看例如，为了充分解释

关于从另一台计算机启动烧瓶，请参阅：

编辑后：

您已删除表单部分：” 另外，您的图像应该位于名为static的文件夹中，请参阅例如

特别是EP4和EP7，如果将html与Python文件分开，我想我可以提供帮助。HTML文件应该放在“templates”文件夹中，因为flask从中读取所有HTML文件。另外，不要忘记导入“render_template”。希望这有帮助！（你能再给我一些关于奖金问题的信息吗？

如果你把html和Python文件分开，我想我能帮上忙。HTML文件应该放在“templates”文件夹中，因为flask从中读取所有HTML文件。另外，不要忘记导入“render_template”。希望这有帮助！（你能再给我一点关于奖金问题的信息吗？

谢谢@ThomaS的帮助，该问题已根据你的建议进行了编辑。我编辑了我对编辑你的问题的回答。谢谢@ThomaS用图片提供的提示，现在可以用了。然而，如果我保持def表单，我应该在里面放什么？因为我希望已经将相同的内容放入index.html。因此，我如何将muy index.htlm链接到我的app.py？您仍然应该使用表单将输入和按钮包装在index.html中，表单操作是从索引页面调用/转换url的操作感谢@ThomaS的帮助，该问题已根据您的建议进行编辑。我编辑了我对编辑您的问题的回答。谢谢@ThomaS为您提供的图片提示，现在可以使用了。然而，如果我保持def表单，我应该在里面放什么？因为我希望已经将相同的内容放入index.html。因此，我如何将muy index.htlm链接到我的app.py？您仍然应该使用表单将输入和按钮包装在index.html中，表单操作是从索引页面调用/转换url的操作谢谢@Kirshan Murali，但即使在导入render_模板时，我似乎也错过了一些步骤，但是哪一步：xThanks@Kirshan Murali，但是，即使在导入render_模板时，我似乎也错过了一些步骤，但究竟是哪一步：x

<!DOCTYPE html>

<html >
<head>
<meta charset="UTF-8">
<title>ML API</title>

<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="login"> <br/><br/><br/>
<center>
<img src= "images/logo.jpg" width="550" height="145"> <br/><br/>
<input type="file" class="btn btn-primary btn-block btn-large" name="myfile" required="required"/>  <br/>

<button type="submit" class="btn btn-primary btn-block btn-large" >Process</button>
</center>
</div>
</body>
</html>