都道府県と市区町村を紐付けて表示したい

Question

タイトルをどうつけるべきか分からず、分かりづらいタイトルで申し訳ありません。
Django（Python）でWebサイトを作っています。

下記のように、都道府県と市町村のモデルを作って、データベースを作ったうえで、都道府県と市町村の一覧を表示したいです。

# models.py

# 都道府県（東京都、神奈川県、…）
clsss Prefecture(models.Model):
    id = models.IntegerField(primary_key=True)
    name = models.CharField(max_length=30)

    def __str__(self):
        return self.name

# 市区町村（千代田区、港区、…）
class City(models.Model):
    name = models.CharField(max_length=30)
    prefecture = models.ForeignKey(Prefecture, on_delete=models.CASCADE)
    def __str__(self):
        return self.name

最終的に表示したいのは、下記のような形です。

|都道府県|市区町村|
|:--|:--:|--:|
|東京都|千代田区、港区、世田谷区、…|
|神奈川県|横浜市、川崎市、…|

この場合の、views.py及びHTMLの書き方について、今まで私は下記のようにしていました。

# views.py

def test(request):
    list = [] # 表示用の空のリストを作る
    prefectures = Prefecture.objects.all() # 都道府県
    cities = City.objects.all() # 市区町村
    for pref in prefectures:
     list_each_pref = [pref] # 例：["東京都"] 
       city_list_each_pref = [] # 都道府県毎の市区町村を入れる空のリスト
     for city in cities:
            if city.prefecture == pref: # もし当該市区町村が当該都道府県内であったら
                city_list_each_pref.append(city) # 都道府県毎の市区町村を入れるリストに入れる ["千代田区"、"港区"]
     list_each_pref.append(city_list_each_pref) # 例["東京都",["千代田区","港区",...]]
    list.append(list_each_pref) #例[["東京都",["千代田区","港区",...]],["神奈川県",["横浜市","川崎市",...]]]

context = {
    "list": list 
}
return render(request, 'test/test.html', context)
        

そして、レンダリングするHTMLは、下記のように書いていました。

# test.html
<table>
<tr>
    <th>都道府県</th><td>市区町村</td>
<tr>
{% for pref in list %}
 <tr>
    <td>{{pref.0}}</td>
    <td>
        {% for city in pref.1 %}
            {{city}},
        {% endfor %}
    </td>      
</tr>
{% endfor %}

私は、今まで自己流でこのように書いていたのですが、表示用のリストを作るというのが複雑で、一般的にはこんな方法は取らないのではないかと思います。
もっとシンプルなやり方があるのではないかと思い、質問させていただきました。
お分かりの方、ご教示頂ければ幸いです。
よろしくお願いいたします。

Answer 1

Prefetcure と City は ForeignKey で関連性を持っているので、下記のようにすると良いと思います。

# views.py
def test(request):
    context = {
        "prefectures": Prefecture.objects.all()
    }
    return render(request, 'test/test.html', context)

# test.html
<table>
<tr>
    <th>都道府県</th><td>市区町村</td>
<tr>
{% for pref in prefectures %}
 <tr>
    <td>{{ pref.name }}</td>
    <td>
        {% for city in pref.city_set.all %}
            {{ city.name }},
        {% endfor %}
    </td>
</tr>
{% endfor %}

ポイントは、CityがPrefectureの外部キーを持っている場合、PrefetcureからCityのデータを取得する時はcity_set からQuerySetを取得できるというところです。

https://docs.djangoproject.com/ja/1.10/topics/db/queries/#related-objects

pref1 = Prefetcure.objects.filter(id=1).get()
pref1.city_set.all() # => pref1 を ForeignKeyとしてsetしているCityのデータ取得可能

Comments

[退会済みユーザー]

ありがとうございます。
返事遅くなり申し訳ありません。
_set.all()をつけることで、ForeignKeyのデータを引っ張ってくることができました。