打开本地html文件-了解 Flask 如何使用 HTML 文件的文章

bendan520 html

2023-09-02 0 4,226 百度已收录

立即下单

进入商城

进不了网站？换个网络试试！

文章主要介绍Flask如何读取html文件作为网页显示，以及如何向html文件传递参数，使其可以动态改变变量的值

环境 windows 工具 vscodeanaconda

在Flask中，我们可以使用python代码形成HTML内容，但是当需要变量和条件循环时打开本地html文件，就需要使用通配符。个人理解可以相当于很多通配符，需要非常仔细的标记，所以我们使用render_template()函数渲染HTML文件。

代码如下，保存为Flask_template.py

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/hello/')
def hello_name(user):
    return render_template('hello.html', name = user)
if __name__ == '__main__':    
	app.run(debug = True)

Flask会在templates文件夹下找到对应的hello.html

Templates不要命名错误，templates和Flask_template.py放在同一个图层文件中

然后将以下代码保存在templates文件夹中为hello.html

<!doctype html>
  <h1>Hello {{ name }}!</h1>

由于Flask使用了Web模板系统，因此专门设计了一个可以动态插入可变数据的HTML脚本。这组模板中包含了一些变量和表达式的HTML语句占位符，在渲染html文件时可以将其替换为相应变量的内容，例如上面代码中的{{name}}。

运行Flask_template.py后，打开浏览器输入URL::5000/hello/name，那么URL中的name就会被插入到html文件中的{{name}}中

Flask使用jinja2模板引擎，其中以下分隔符用于HTML通配符

在下面的代码中打开本地html文件，我尝试使用此模板中的条件句子。

将以下代码保存在html文件中，比较标记的大小和URL传输输入的60，注意条件语句一定要放在{%...%}中

<!doctype html>
{% if marks>60 %}
<h1> Your result is pass!</h1>
{% else %}
<h1>Your result is fail</h1>
{% endif %}

写入Flask_template.py

from flask import Flask, render_template
app = Flask(__name__)
@app.route('/hello/')
def hello_name(score):
   return render_template('hello.html', marks = score)
if __name__ == '__main__':
    app.run(debug = True)