Flask Templates

可以以HTML形式返回绑定到某个URL的函数的输出。例如，在以下脚本中， hello（） 函数将使用附加的 <h1> 标记呈现 'Hello World' 。

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转义。

这是一个可以利用Flask所基于的 Jinja2 模板引擎的地方。而不是从函数返回硬编码HTML，可以通过 render_template（） 函数渲染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
    • 模板
      • hello.html

术语 “网页模板系统” 是指设计一个HTML脚本，其中可以动态插入变量数据。网页模板系统由模板引擎，某种数据源和模板处理器组成。

Flask使用 jinga2 模板引擎。Web模板包含用于变量和表达式（这些情况下为Python表达式）的HTML语法散布占位符，这些变量和表达式在模板呈现时被替换为值。

以下代码在模板文件夹中保存为 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}} 占位符处。

Web模板系统示例

该 Jinga2 模板引擎使用下列分隔符从HTML转义。

  • 语句的{％...％}
  • {{...}}将表达式打印到模板输出
  • {＃...＃}不包含在模板输出中的评论
  • ＃... ##线路语句

在以下示例中，演示了在模板中使用条件语句。 hello（） 函数的URL规则接受整数参数。它传递给 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循环结构也可以在模板内部使用。在以下脚本中，当在浏览器中打开URL http：// localhost：5000 / result 时， result（） 函数将字典对象发送到模板 results.html 。 **

result.html 的模板部分采用 for循环 将字典对象 结果{}的 键和值对呈现为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 。

<!doctype html>
<html>
   <body>

      <table border = 1>
         {% for key, value in result.iteritems() %}

            <tr>
               <th> {{ key }} </th>
               <td> {{ value }} </td>
            </tr>

         {% endfor %}
      </table>

   </body>
</html>

在这里，与 For 循环相对应的Python语句也包含在{％..％}中，而表达式 键和值 放在 {{}}中 。

开发开始运行后，在浏览器中打开 http：// localhost：5000 / result 以获得以下输出。

表模板示例