Flask如何将Python代码中的byp、yp1数据传递到HTML页面？

嘿，刚接触Flask遇到这种变量传参问题太正常啦！我帮你梳理几个最容易遗漏的关键点，你挨个排查下应该就能解决：

• 一定要在路由里把变量传给模板
  光在HTML里写{{ byp }}和{{ yp1 }}没用，你得在路由函数的return语句里，把这两个变量主动传递给模板。比如你的getBi函数最后应该写成这样：

  return render_template('你的模板文件名.html', byp=byp, yp1=yp1)
  

  这里的核心是：Jinja模板能拿到的变量，全都是你通过render_template的参数“递”过去的，没传的话模板根本不知道这些变量存在。

• 检查模板文件的位置和命名
  Flask默认只会在项目根目录下的templates文件夹里找模板文件，所以你得确认：

  • 项目根目录下有个全小写的templates文件夹（名字不能错，比如不能写成Template或者temp）
  • 你的HTML文件确实放在这个文件夹里，而且文件名和render_template里写的完全一致（包括大小写，比如index.html不能写成Index.html）

• 先确认变量本身有值
  有时候不是传参的问题，而是你获取的byp和yp1本身是空的或者没拿到预期数据。你可以在路由函数里加两行打印代码，看看变量内容：

  print("byp的值：", byp)
  print("yp1的值：", yp1)
  

  启动Flask后看控制台输出，如果变量是空的，那得先解决数据获取的问题，再谈传参到模板。

• 确保访问的是正确的路由路径
  你的路由是@app.route('/bpay/' + token_urlsafe(12))，这个路径是动态生成的——每次启动Flask，这个随机token都会变，所以你得确保自己访问的是控制台输出的正确路径。或者你可以先把路由改成固定路径测试，比如@app.route('/bpay/test')，等传参成功了再换回动态路径。

• 检查模板里的语法拼写
  模板里的变量名必须和你传递的完全一致，大小写、拼写都不能错！比如你传的是byp，模板里就不能写成Byp或者byp_data。另外，把变量放在HTML的合适位置，比如：

  <div>
    <p>byp的内容：{{ byp }}</p>
    <p>yp1的内容：{{ yp1 }}</p>
  </div>
  

给你个完整的小示例参考，你可以照着对比自己的代码：

# 你的Python代码
import requests
import json
import datetime
import time
from flask import Flask, render_template
from secrets import token_urlsafe

app = Flask(__name__)

@app.route('/bpay/' + token_urlsafe(12))
def getBi():
    # 这里替换成你获取byp和yp1的实际代码
    byp = "这是byp的测试内容"
    yp1 = {"name": "测试yp1", "value": 123}

    # 打印变量验证内容
    print("byp:", byp)
    print("yp1:", yp1)

    # 传递变量给模板
    return render_template('test.html', byp=byp, yp1=yp1)

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

对应的templates/test.html文件：

<!DOCTYPE html>
<html>
<head>
    <title>变量展示页面</title>
</head>
<body>
    <h2>从Flask传递过来的变量</h2>
    <p>byp: {{ byp }}</p>
    <p>yp1: {{ yp1 }}</p>
</body>
</html>

内容的提问来源于stack exchange，提问作者alex