Djangoーテンプレートから指定したURLに飛びたい。。

環境
・Python3.7
・Django3.0
・MacOS

Djangoは初学者で、勉強しながらWebアプリ開発をしています。
旅行サイトの検索条件を打ち込んで検索するようなページを作っています。
プロジェクト名 traveler
アプリ名 travels
問題１：テンプレートで指定したURLとブラウザに直接打ち込んだURLは一緒なのに表示されるページが違う。
問題２：テンプレートで指定したURLには飛ぶものの、白紙のページが表示される。同じURLをブラウザに直接打ち込むとちゃんとページが表示される。
※自分の考察としては問題１・２は原因が同じかと思いますが、どのコードを修正すればいいかわかりません。。

■以下、流れを記載します。

http://localhost:8000/travels/にアクセスすると下記のページが表示されます。

【画像１】（reception.html）

「いいえ」を押すと条件を打ち込むようなページに飛びます。

【画像２】（condition.html）

ここで問題１が発生します。
「いいえ」を押すと【画像２】に飛びますが、ブラウザに直接
http://localhost:8000/travels/condition/
を打ち込むと【画像３】のように内容は同じですが、仕様が変わっているページが表示されます。
※ 「●●このフィールドは必須です。」という文言も消えます。（個人的にはこの文言も出ないで欲しい。。）

【画像３】（condition.html）

また、【画像３】のフォームに項目を打ち込み送信を押すと【画像４】に飛びたいのですが、白紙のページに飛びます。（問題２）
※【画像４】はブラウザに直接
http://localhost:8000/travels/interest/を打ち込んで出てきたページです。

【画像４】（interest.html）

また、http://localhost:8000/travels/condition/からフォームを送信して
 http://localhost:8000/travels/interest/（白紙ページ）に飛ぶ際は

Method Not Allowed (POST): /travels/interest/
Method Not Allowed: /travels/interest/

というエラーがターミナルに表示されています。

このような現象は通常の動作なのでしょうか？それともコードに不備がありますでしょうか？
なにぶん初学者ゆえ、試行錯誤しながら修正してますが改善ならず。。
間違っている箇所があればご指摘いただけると幸いです。
どなたかご教授よろしくお願いいたしますm(_ _)m

■以下、全コードです。

#traveler/travels/forms.py

from django import forms
from django.utils import timezone

class ReceptionYesForm(forms.Form):
    area = forms.CharField(
        label = 'エリア', required = False,
        max_length=50,# help_text='※任意'
    )

    spot = forms.CharField(
        label = 'スポット', required = False,
        max_length=50,# help_text='※任意'
    )

class ConditionForm(forms.Form):
    PEOPLE = (
        ('', '人数を選択してください'),
        ('1', '1人'),
        ('2', '2人'),
        ('3', '3人'),
        ('4', '4人'),
        ('5', '5人'),
        ('6', '6人')
    )

    GENDER = (
    ('', '性別を選択してください'),
    ('0', '男性'),
    ('1', '女性')
    )

    goal = forms.CharField(
        label = '目的地', max_length=30,
        required = True
    )


    people = forms.ChoiceField(
        label = '人数',
        choices=PEOPLE,
        widget = forms.Select,
        required = True,
        #help_text = '※必須'
    )
    
    age = forms.CharField(
        label = '年齢',
        required = True,
        #help_text = '※必須'
    )
    
    gender = forms.ChoiceField(
        label = '性別',
        choices=GENDER,
        widget = forms.Select,
        required = True,
        #help_text = '※必須'  
    )

    startday = forms.DateField(
        label = '出発日',
        required = True,
    )

    endday = forms.DateField(
        label = '帰宅日',
        required = True,
    )
    
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for field in self.fields.values():
            field.widget.attrs['placeholder'] = field.label

#traveler/travels/views.py

from django.shortcuts import render, redirect
from django.urls import reverse_lazy

from django.views import generic
from django.views.generic.edit import FormView
from django.views.generic import TemplateView

from .forms import ConditionForm
from .forms import ReceptionYesForm

class ReceptionView(generic.TemplateView):
    template_name = 'travels/reception.html'

class ConditionView(FormView):
    template_name = 'travels/condition.html'
    form_class = ConditionForm
    success_url = reverse_lazy('travels:interest')
   
    def form_valid(self, form):
        return super().form_valid(form)

class InterestView(generic.TemplateView):
    template_name = 'travels/interest.html'

#traveler/travels/urls.py

from django.urls import path
from . import views

app_name = 'travels'

urlpatterns = [
    #path('condition/', views.condition_form),
    path('', views.ReceptionView.as_view(), name='reception'),
    path('condition/', views.ConditionView.as_view(), name='condition'),
    path('interest/', views.InterestView.as_view(), name='interest'),
    
]

#travels/templates/travels/base.html

<!DOCTYPE html>
<html lang='ja'>
<head>
    <title>旅行</title>
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>

#travels/templates/travels/reception.html

{% extends 'travels/base.html' %}

{% block content %}
    
    <h3>行きたい場所は決まっていますか？</h3>


    <form action="{% url 'travels:reception_yes' %}" method='POST'>
        {% csrf_token %}
        <input type="submit"  value="はい">
    </form>

    <form action="{% url 'travels:condition' %}" method='POST'>
        {% csrf_token %}
        <input type="submit"  value="いいえ">
    </form>

{% endblock %}

#travels/templates/travels/condition.html

{% extends 'travels/base.html' %}
{% load static %}

{% block content %}
    <h1>旅行条件ページ</h1>
    <h3>・出発地：東京</h3>
    <form action="{% url 'travels:interest' %}" method='POST'>
        {{ form.as_ul }}
        {% csrf_token %}
        <input type="submit"  value="送信">
    </form>
    <link rel='stylesheet' href='//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css'>
    <script src='https://code.jquery.com/jquery-1.12.4.js'></script>
    <script src='https://code.jquery.com/ui/1.12.1/jquery-ui.js'></script>
    <script>
        $(function (){
            $("#id_startday").datepicker({dateFormat: 'yy-mm-dd'});
            $("#id_endday").datepicker({dateFormat: 'yy-mm-dd'});
        });
    </script>
{% endblock %}

#travels/templates/travels/interest.html

{% extends 'travels/base.html' %}

{% block content %}
    <h1>あなたの興味のある場所を教えてください。</h1>
{% endblock %}

どうかお力添えをよろしくお願いいたしますm(_ _)m

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

回答1件

ベストアンサー

向こうのページに移動した時にすぐPOST送信するようになってますよ。こんな感じにしてみては？

Python
1# reception.html
2
3<h3>行きたい場所は決まっていますか？</h3>
4<a href="{% url 'travels:reception_yes' %}">はい</a>
5<a href="{% url 'travels:condition' %}">いいえ</a>