jsonja2 템플릿을 사용하여 json을 표시합니다.

Question

저는 jinga2 템플릿과 Json을 사용하여 플라스크 웹 앱을 설정했습니다. 내 HTML 템플릿 json 파일에 저장된 데이터를 표시하려면 노력하고있어. 이상적으로는 html로 표시하고 목록처럼 보이기를 원합니다. 페이지에 json이 레서피 형식으로 표시되어야합니다 (예 : 내 단계를 수행하십시오). 작동시키지 못합니다.

문제를 재현하는 데 도움이되는 파이썬 파일, json 및 html 템플릿이 포함되었습니다.

{ 
"name": "pumpkin pie", 
"ingredients": [" large eggs plus 1 yolk", "1 tsp ground cinnamon"], 
"methods": { 
    "1": "Pre-heat the oven to 200C/400F/Gas 6", 
    "2": "If using a shop bought sweet crust pastry case, use one that is 23cm/9in diameter and 4cm/1.5in deep. If using your own pastry, roll it out and use it to line a 23cm/9in pie plate (not loose bottomed). Bake the pastry case blind for 20 minutes." 
} } 

Answer 1

JSON을에서 : 내 JSON 파일이

<div class="container"> 
<div class="ingredients"> 
    <p>{{ pumpkin.ingredients }}</p> 
</div> 
<div class="method"> 
    <ul> 
    {% for result in pumpkin %} 
     {% for methods in result %} 
      <li>{{pumpkin.methods }}</li> 
     {% endfor %} 
    {% endfor %} 
    </ul> 
</div> 

입니다 : 이것은 내 html로 tempate 파일입니다

@app.route('/recipes/pumpkin_pie/') 
@app.route('/recipes/halloween/pumpkin_pie/') 
def pumpkin_pie(): 
    recipes = [] 
    with open('recipes.json', 'r') as f: 
    recipes = json.load(f) 
    f.close() 
    print recipes 

    p = {} 
    for item in recipes: 
    if item['name'] == "pumpkin pie": 
     print item 
     p = item 
     print p 

    return render_template('pumpkin_pie.html', pumpkin=p) 

:

이

내 파이썬 파일입니다 당신이하지 않는 파일 객체의 배열을 가진다. 오히려 하나의 객체 만 있습니다. 따라서 파이썬에서 객체의 배열로 가정하면 iterating을하면 원하는 결과를 얻을 수 없습니다.

업데이트 파이썬 파일로 :

@app.route('/recipes/pumpkin_pie/') 
@app.route('/recipes/halloween/pumpkin_pie/') 
def pumpkin_pie(): 
    recipes = [] 
    with open('recipes.json', 'r') as f: 
     recipes = json.load(f) 
     f.close() 
    return render_template('pumpkin_pie.html', pumpkin=recipes) 

과 같은 템플릿 파일 : 정확히 작동하지 않습니다 무엇