Flask 模板

可以以HTML形式返回与特定URL绑定的函数的输出。例如，在以下脚本中， hello() 函数将渲染 ‘Hello World’ ，并将其附加到 <h1> 标签上。

from flask import Flask
app = Flask(__name__)

@app.route('/')
def index():
   return '<html><body><h1>Hello World</h1></body></html>'

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

然而，从Python代码生成HTML内容是很繁琐的，特别是当需要插入变量数据和Python语言元素，如条件语句或循环时。这需要频繁地进行HTML转义。

这就是可以利用Jinja2模板引擎的地方，而Flask就是基于它开发的。通过render_template()函数，可以渲染一个HTML文件来代替从函数返回硬编码HTML。

from flask import Flask
app = Flask(__name__)

@app.route('/')
def index():
   return render_template(â€˜hello.htmlâ€™)

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

Flask将尝试在模板文件夹中查找HTML文件，该文件夹位于与此脚本相同的文件夹中。

应用程序文件夹
- Hello.py
- templates
  - hello.html

术语 ‘web模板系统’ 指的是在其中可以动态插入变量数据的HTML脚本的设计。web模板系统由模板引擎、某种数据源和模板处理器组成。

Flask使用 jinja2 模板引擎。Web模板包含HTML语法，其中插入了变量和表达式的占位符（在这种情况下是Python表达式），当渲染模板时，这些占位符会被替换为值。

以下代码保存为 hello.html 在模板文件夹中。

<!doctype html>
<html>
   <body>

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

   </body>
</html>

接下来，在Python shell中运行以下脚本。

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/hello/<user>')
def hello_name(user):
   return render_template('hello.html', name = user)

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

当开发服务器开始运行时，打开浏览器并输入以下URL：-

http://localhost:5000/hello/mvl

URL的变量部分将插入到 {{ name }} 占位符处。

Flask 模板

jinja2 模板引擎使用以下标记来转义HTML。

{% ... %} 用于语句
{{ ... }} 用于在模板输出中打印表达式
{# ... #} 用于在模板输出中的注释
# ... ## 用于行语句

在下面的例子中，演示了在模板中使用条件语句。URL规则与 hello() 函数相对应，接受一个整数参数。它被传递给 hello.html 模板。在模板中，接收到的数值（成绩）与50进行比较，并相应地条件渲染HTML。

Python脚本如下−

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/hello/<int:score>')
def hello_name(score):
   return render_template('hello.html', marks = score)

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

hello.html 的 HTML 模板脚本如下：

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

请注意条件语句 if-else 和 endif 被包裹在分隔符 {%..%} 中。

运行Python脚本并访问URL http://localhost/hello/60 ，然后访问 http://localhost/hello/30 以查看HTML的输出是否根据条件发生变化。

Python的循环结构也可以在模板中使用。在下面的脚本中， result() 函数在浏览器中打开URL http://localhost:5000/result 时，向模板 results.html 发送一个字典对象。

模板的部分 result.html 使用 for loop 将字典对象 result{} 的键值对渲染为HTML表格的单元格。

从Python shell中运行以下代码。

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/result')
def result():
   dict = {'phy':50,'che':60,'maths':70}
   return render_template('result.html', result = dict)

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

将以下的HTML脚本保存为 result.html 放在templates文件夹中。

<!doctype html>
<html>
   <body>
      <table border = 1>
         {% for key, value in result.items() %}
            <tr>
               <th> {{ key }} </th>
               <td> {{ value }} </td>
            </tr>
         {% endfor %}
      </table>
   </body>
</html>

这里，再次包含了与 For 循环对应的Python语句，这些语句用{%..%}封装起来，而表达式 key和value 被放在 {{ }} 中。

在开发开始运行后，打开浏览器的 http://localhost:5000/result 来获取以下输出。

Flask 模板