Flask的jinja输出json内容

结构如下:

├── hello.py
├── Stats.json
└── templates
    └── index.html
 

实验步骤

python hello.py

浏览器打开:

127.0.0.1:5000

页面输出结果为:

#-----------------------------------------------------------------------------------

index.html

<table>
    <tr>
        <th>first_name</th>
        <th>last_name</th>
        <th>user_id</th>
        <th>address</th>
    </tr>
{% for i in data %}
    <tr>
        <td>{{ i.first_name }}</td>
        <td>{{ i.last_name }}</td>
        <td>{{ i.user_id}}</td>
        <td>{{ i.address}}</td>
    </tr>
{% endfor %}
</table>

Stats.json

[
    {
        "first_name": "John",
        "last_name": "Smith",
        "user_id": 4,
        "address": null
    },
    {
        "first_name": "Jane",
        "last_name": "Heart",
        "user_id": 5,
        "address": null
    },
    {
        "first_name": "Dom",
        "last_name": "Robinsons",
        "user_id": 6,
        "address": null
    },
    {
        "first_name": "Pete",
        "last_name": "Hand",
        "user_id": 7,
        "address": null
    }
]

hello.py

import json
from flask import render_template
from flask import Flask
app = Flask(__name__)

@app.route('/')
def index():
    jsonFile = open("Stats.json", "r")  # Open the JSON file for reading
    data = json.load(jsonFile)  # Read the JSON into the buffer
    jsonFile.close()  # Close the JSON file
    return render_template('index.html', data= data)

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