本文介绍了如何使用Flask框架将txt文件的内容传递到HTML页面并进行显示。通过Python读取txt文件，并利用Flask的render_template函数将读取到的内容作为变量传递给HTML模板，最后在HTML中使用Jinja2模板引擎的语法将内容渲染到页面上。
要在HTML页面中显示txt文件的内容，可以使用Python的Flask框架来完成。Flask允许你将Python变量传递到HTML模板中，然后在HTML中进行渲染。以下是一个详细的步骤：
1. Python (Flask) 代码:
首先，需要一个Python脚本（例如 app.py）来读取txt文件并将内容传递给HTML模板。
立即学习“前端免费学习笔记（深入）”；
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
try:
with open("costs.txt", "r") as file1:
line = file1.readline()
except FileNotFoundError:
line = "File not found!" # 处理文件不存在的情况
return render_template('index.html', text_line=line)
if __name__ == '__main__':
app.run(debug=True)这段代码做了以下几件事：
- 导入了Flask库。
- 创建了一个Flask应用实例。
- 定义了一个路由 /，当用户访问网站根目录时，会执行 home() 函数。
- 在 home() 函数中，尝试打开 costs.txt 文件并读取第一行内容。
- 如果文件不存在，则设置 line 变量为 "File not found!"。
- 使用 render_template() 函数渲染 index.html 模板，并将读取到的内容作为变量 text_line 传递给模板。
- 最后，启动Flask应用。
注意事项：
- 确保 costs.txt 文件与 app.py 文件位于同一目录下，或者提供正确的文件路径。
- 使用 try...except 块来处理文件不存在的情况，避免程序崩溃。
2. HTML (Jinja2) 代码:
接下来，创建一个HTML文件（例如 index.html）来显示从Python传递过来的内容。
Display Text File Content
My buggy editor
Use this editor to specify a racing buggy. The editor saves it in its
little database and generates JSON data for the buggy. This is the data you
need to supply when you log into the
race server
and enter your buggy into the next race.
Remember that if your data is not accepted by the race server, your buggy
will be disqualified from that race... so make sure you program your editor
correctly.
Content from costs.txt: {{ text_line }}
在这个HTML文件中，{{ text_line }} 是Jinja2模板引擎的语法，用于显示从Python传递过来的 text_line 变量的值。
3. 运行程序:
确保安装了Flask：
pip install flask
然后运行 app.py：
python app.py
在浏览器中访问 http://127.0.0.1:5000/ (或者Flask应用运行的地址)，就可以看到 costs.txt 文件的内容显示在页面上了。
总结:
通过以上步骤，你就可以成功地将txt文件的内容读取到Python中，并使用Flask框架将其传递到HTML页面进行显示。这种方法可以灵活地处理txt文件，并将其内容动态地展示在网页上。 记住替换 costs.txt 为你实际的文件名，并根据你的需求调整HTML模板。
