Flask – 模板

  • 简述

    可以将绑定到某个 URL 的函数的输出以 HTML 的形式返回。例如,在以下脚本中,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 中转义。
    这是一个可以利用的地方Jinja2Flask 所基于的模板引擎。代替从函数返回硬编码 HTML,HTML 文件可以由render_template()功能。
    
    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
      • 模板
        • 你好.html
    术语‘web templating system’是指设计一个可以动态插入可变数据的HTML脚本。Web 模板系统由模板引擎、某种数据源和模板处理器组成。
    烧瓶用途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
    variableURL 的一部分插入在{{ name }}占位符。
    网页模板系统示例
    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)
    
    HTML 模板脚本的hello.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-elseendif包含在分隔符中{%..%}.
    运行 Python 脚本并访问 URLhttp://localhost/hello/60然后http://localhost/hello/30查看 HTML 的输出有条件地变化。
    Python 循环结构也可以在模板中使用。在以下脚本中,result()函数将字典对象发送到模板results.html当网址http://localhost:5000/result在浏览器中打开。
    模板部分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在模板文件夹中。
    
    <!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>
    
    在这里,再次对应的 Python 语句For循环包含在 {%..%} 中,而表达式key and value被放在里面{{ }}.
    开发开始运行后,打开http://localhost:5000/result在浏览器中获得以下输出。
    表格模板示例