render_templateでhtmlにjsonデータを渡したい

###render_templateでhtmlにjsonデータを渡したい
リストオブジェクトを「viewを担当するpythonファイル」と、「htmlファイル」の間で送受信したいです。
そのためにはjsonデータを使う必要があると聞きました。

なので、手始めに私は「viewを担当するpythonファイル」でリストオブジェクトをjsonデータに変えました。
しかしいざrender_templateを書く段になって、「jsonデータをhtmlに渡したあと、どうやってリストとして展開すればいいのだろうか」と詰まってしまいました。

ググっても検索能力の低さからか、役たちそうなサイトは見つからず、いっそ聞いてしまおうと思い質問させていただきました。

話を単純にするため以下に最小限のコードを書きます。jsonを受け取ったhtmlはどうやってそのデータを解凍？し展開すればよいのでしょう？

python
1#jsonのデータを使いhtmlをレンダリングする。
2@@app.route(・・・)
3def sample():
4--略--
5dic ={#jsonデータを作る。
6                "sen":sentence,#それぞれリストとなっている。
7                "clu":cluster
8            }
9return render_template('clus_feel.html', getjson = dic)#一応getjsonを指定しておいたけど、htmlでどういうふうに使えばいいのかわからない・・・

html
1
2      　<div class="row">
3                    <div class="col">
4                        <input type="text"　class="form-control" value="jsonにしたsentenceを入れたい">
5                    </div>
6                    <div class="col">
7                        <input type="number"　class="form-control" value="jsonにしたclusterを入れたい">
8                    </div>
9         </div>

htmlの表示のイメージとして以下のようになってくれれば、万々歳です
sentence[1] cluster[1]
sentence[2] cluster[2]
sentence[3] cluster[3]
・・・・

大変初歩的なことをお聞きしていると思いますので、直接的な回答でなくても、参考とするべきサイトや、どんな勉強が足りないのかの情報だけでも大歓迎です。

このままでは文豪ドストエフスキーが書いたように、山盛りになった玉を一つづつ向こう側に運び、それをまたこっちに運ぶのを繰り返すような、無限の輪廻の中です・・・

どうかご助言いただきたいです・・・

行動規範の内容に同意します

回答1件

ベストアンサー

例えば次のように書くとよいのではないかと思います。

patch
1- return render_template('clus_feel.html', getjson = dic)#一応getjsonを指定しておいたけど、htmlでどういうふうに使えばいいのかわからない・・・
2+ return render_template('clus_feel.html', pairs=zip(sentence, cluster))

html
1{% for s, c in pairs %}
2  <div class="row">
3    <div class="col">
4      <input type="text"　class="form-control" value="{{ s }}">
5    </div>
6    <div class="col">
7      <input type="number"　class="form-control" value="{{ c }}">
8    </div>
9  </div>
10{% endfor %}

尚、前提として、 sentence と cluster は各要素がすべて str の list だと想定しています。

以下補足です。

Jinja2 で 2 つの list を同時に回すかんたんな方法はデフォルトで用意されていなかった気がしますので（調べずに言っているので間違っている可能性があります）、 sentence と cluster の各要素が関係しているのであれば、テンプレートに渡す際は dict ではなく、各要素が sentence と cluster の各要素のペアになった list （厳密には list ではありませんが説明を単純化するために list と呼びます）として渡した方が、テンプレート側での処理がかんたんになるかと思います。

そうではなく、あくまでもテンプレートには dict として変数を渡したいということであれば、各要素は getjson['sen'][0] 等でアクセスできるかと思いますので、そのようにされるとよいのではないでしょうか。

参考:

投稿2019/02/18 05:44

編集2019/02/18 08:56

gh640

総合スコア1407

hood

2019/02/18 13:26

回答ありがとうございます！私が書いておくべきだったので申し訳ないのですが、実はzipはすでに試しまして、二つのリストを展開することには成功していました。それをpostメソッドで回収することができなかったので、jsonを使おうということになったのです・・・前の投稿にもgh640さんには回答していただきましたね・・・そこでも書いた通り、私の実力ではwebアプリは少しきついと思ったので、guiに切り替えようと思います。親切にも二つの投稿を考えてくださり、本当にありがとうございました・・・！