Flask结合Jinja渲染JSON数据时页面空白无内容问题求助

问题原因 #

• 变量名不匹配：你在server.py的render_template方法中向模板传递的参数名为posts，但blog.html中遍历的是未定义的变量all_posts，Jinja遇到未定义变量默认返回空值，循环直接不执行，因此页面无任何渲染内容。
• Jinja语法错误：Jinja的控制语句（for、if）末尾不需要加冒号:，这是Python特有的语法，直接套用到Jinja中会导致语句解析失败。
• 数据类型不匹配：目标接口返回的文章id为数字类型，你的判断条件中用字符串"2"做匹配，类型不一致永远无法命中判断逻辑。

修正方案 #

你不需要修改server.py代码，只需要调整blog.html的内容即可：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Fake Blog</title>
</head>
<body>
  {% for blog_post in posts %}
      {% if blog_post["id"] == 2 %}
          <h1>{{ blog_post["title"] }}</h1>
          <h2>{{ blog_post["subtitle"] }}</h2>
      {% endif %}
  {% endfor %}
</body>
</html>

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