🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

MVC

MVC(Model View Controller)は、オブジェクト指向プログラミングにおけるモデル・ビュー・コントローラーの総称であり、ソフトフェア開発で使われている構築パターンとしても呼ばれます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

4473閲覧

DjangoでDB(モデル)の値を画面に表示させたい

donut4

総合スコア170

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

MVC

MVC(Model View Controller)は、オブジェクト指向プログラミングにおけるモデル・ビュー・コントローラーの総称であり、ソフトフェア開発で使われている構築パターンとしても呼ばれます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/05/27 08:07

編集2019/05/29 06:32

前提・実現したいこと

DjangoでDBのデータをHTMLで表示したい。

404エラーは出なかったのですが
HTML側で{}でデータ値を出力しようとしている箇所が上手く表示出来ません。

★実現させたい仕様
top.htmlにあるボタンを押したらplaceテーブルからmain_place列の値を持ってきて
find.htmlに表示させる仕様

該当のソースコード

●top.html {% load static %} <!doctype html> <html lang=ja> <head> <mata charset=utf-8> <title>teat</title> </head> <body> <input type="button" value="test" onClick="location.href='{% url 'find' %}'"> </body> </html>
●views.py from django.shortcuts import render from django.http import HttpResponse from .models import place     ←←←←←placeテーブル def index(request): return render(request, 'hoge/top.html') def find(request): data = place.objects.all() params = { 'title': 'メンバー検索画面', 'data': data, } return render(request, 'hoge/find.html', params)

html

1〇find.html 2{% load static %} 3<!doctype html> 4<html lang=ja> 5 <head> 6 <mata charset=utf-8> 7 <title>{{title}}</title> 8 </head> 9 <body> 10 <p>{{data.main_place}}</p>     ←この箇所にmain_placeの値を表示させたい 11 <p>aaa</p>  ←この行は表示される。 12 </body> 13</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

views.pyで作っているdataという変数は、QuerySet(モデルのオブジェクトのリスト)です。

試しに、find.htmlの中で、{{data.main_place}}を{{data}}と変更して表示してみてください。

QuerySetなので複数のオブジェクトが出たと思います。

つまり、{{data.main_place}}と書いても、HTML側で値を特定できないために出力されていません。
QuerySetの中身を一つ一つ出してあげる必要があります。

html

1 <body> 2 {% for item in data %} 3 <p>{{item.main_place}}</p> 4 <p>aaa</p> 5 {% endfor %} 6 </body>

これで出るかと思いますのでお試しください。

投稿2019/06/10 23:08

ak_suzuki

総合スコア194

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問