• 技术文章 >Python框架 >Flask

    Flask框架如何使用HTML模板

    爱喝马黛茶的安东尼爱喝马黛茶的安东尼2019-06-28 14:03:39原创6269

    首先我们看看如何原始的HTML代码插入Flask应用:

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    from flask import Flask

    app = Flask(__name__)@app.route('/greet')def greet():

        user = {'username': 'John', 'age': "20"}    return '''

    <html>

        <head>

            <title>Templating</title>

        </head>

        <body>

            <h1>Hello, ''' + user['username'] + '''!, you’re ''' + user['age'] + ''' years old.</h1>

        </body>

    </html>'''if __name__ == '__main__':

    app.run(debug = True,port=8080)

    在上面的代码中,我们使用拼接的HTML字符串来展示user字典的数据。现在访问http://127.0.0.1:8080/greet:

    1561701764(1).png

    拼接HTML字符串非常容易出错,因此Flask使用Jinja 2模板引擎来分离数据逻辑和展示层。

    相关推荐:《Python视频教程

    我们将模板文件按如下路径放置:

    1

    2

    3

    4

    Apps folder

    /app.py

    templates

       |-/index.html

    使用模板时,视图函数应当返回render_template()的调用结果。例如下面的代码片段渲染模板index.html,并将渲染结果作为视图函数的返回值:

    1

    2

    3

    4

    from flask import Flask, render_template

    app = Flask(__name__)@app.route('/hello')def hello():

        return render_template('index.html', name="Alex")if __name__ == '__main__':

        app.run(debug = True)

    在上面的代码中,模板文件index.html依赖于变量name,其内容如下:

    1

    2

    3

    4

    <html><body>

      {% if name %}    <h2>Hello {{ name }}.</h2>

      {% else %}    <h2>Hello.</h2>

      {% endif %} </body></html>

    模板文件的语法扩充了HTML,因此可以使用变量和逻辑。

    在浏览器中访问http://127.0.0.1:8080/hello/alex:

    1561701798(1).png

    专题推荐:python flask html
    上一篇:flask框架下密码的加盐加密和解密 下一篇:Flask框架如何使用表单

    相关文章推荐

    • Python搭建的第一个flask应用实例

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网