zoukankan      html  css  js  c++  java
  • Flask 传递数据到前端页面


    创建 flask 项目 flaskday03,在 templates 下创建 show.html 页面

    修改 app.py 文件

    from flask import Flask, request, render_template
    
    app = Flask(__name__)
    
    
    @app.route('/')
    def hello_world():
        return 'Hello World!'
    
    
    class Girl:
        def __init__(self, name, addr):
            self.name = name
            self.gender = '女'
            self.addr = addr
    
        def __str__(self):
            return self.name
    
    
    @app.route('/show')
    def show():
        name = 'klvchen'
        age = 18
        friends = ['klvchen', 'lily', 'lucy', 'tom']
        dict1 = {'gift': '大手镯', 'gift1': '鲜花', 'gift2': '费列罗'}
    
        # 创建对象
        girlfriend = Girl('lily', '广东')
    
        return render_template('show.html', name=name, age=age, gender='男', friends=friends, dict1=dict1, girl=girlfriend )
    
    
    if __name__ == '__main__':
        app.run(debug=True)
    

    show.html 文件

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>展示</title>
    </head>
    <body>
    <div>用户信息展示</div>
    <p>
        用户名是: {{ name }} -- {{ age }} -- {{ gender }}
        <br>
        {{ friends.2 }}
        <br>
        {{ dict1.get('gift') }} -- {{ dict1.gift1 }}
        <br>
        {{ girl.gender }} -- {{ girl.name }} -- {{ girl.addr }}
    </p>
    
    </body>
    </html>
    
    # 在终端执行
    python app.py
    

    浏览器访问:http://127.0.0.1:5000/show

  • 相关阅读:
    解决跨域之服务器代理http-proxy-middleware模块
    npm、yarn、nrm包管理工具
    nodeJS基础
    gulp自动化构建工具应用
    六种继承方式
    七种去重的方法
    初识模块化
    针对PHP网站攻击的几种方式
    oracle备份恢复(dmp文件)
    nginx.conf中文详解
  • 原文地址:https://www.cnblogs.com/klvchen/p/13561886.html
Copyright © 2011-2022 走看看