質問をすることでしか得られない、回答やアドバイスがある。

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

ただいまの
回答率

88.60%

<python django>コメント投稿フォームをclassの継承を使って表示したい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 797

sr2460

score 43

djangoチュートリアルの投票アプリにコメント投稿フォームを加えたいです。

前提・実現したいこと

python=3.7.0
django=(2, 0, 2, 'final', 0)

の環境で開発しています。

この投票ページの直下にコメントフォームを置こうとしています。投票時にユーザーになぜその選択肢を選んだかコメントをもらいたいのです。しかし実際にはコードを書いても表示がされません。
イメージ説明

classの継承を試しました。

上記画像のhtmlコードは

<h1>{{ question.question_text }}</h1>

{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}

<form action="{% url 'polls:vote' question.id %}" method="post">
{% csrf_token %}
{% for choice in question.choice_set.all %}
    <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
<label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
{% endfor %}

urls.pyでclass DetailViewを呼び込んだため、detail.htmlにDetailViewの内容がhtmlに反映されています。(DetailViewの内容は本筋と関係ないと思ったため省略します。必要なら適宜記載します。)

path('<int:pk>/', views.DetailView.as_view(), name='detail'),

ここからさらにフォームをhtmlに加えるためviews.pyでclassの継承を使いました。

views.py

class CommentView(DetailView):
    def add(request):
        context = {
        'form':CommentForm()
        }
        return render(request, 'polls/detail.html', context)

さらにurls.pyも

path('<int:pk>/', views.CommentView.as_view(), name='detail'),

に変更しました。
しかしこれでも表示は
イメージ説明
のまま変化しません。

そのほかの情報について

フォームを作るにあたってモデルを作る必要がありますのでmodels.pyに

class Comment(models.Model):

    """感想."""


    comment_question = models.ForeignKey(Question, on_delete=models.CASCADE, blank=True, null=True,)
    text_area = models.TextField('感想', blank=True)


    class Meta:
        db_table = 'comment'
        verbose_name = verbose_name_plural = 'メッセージ'

これをフォーム形式に変換しなければなりませんので。
forms.pyにclass Commentを受渡しました。

from django import forms

from polls.models import Choice, Comment


class CommentForm(forms.ModelForm):

    class Meta:
        model = Comment
        fields = ('text_area',)

なおdjangoチュートリアルの投票機能を基にコメント部分を改造しています。
https://docs.djangoproject.com/ja/2.1/intro/tutorial01/

https://github.com/sr2460/polls

ディレクトリ構成はこのようになっております。
イメージ説明

classの継承以外にも何か方法があればその方法でも構いません。
現在エラーメッセージも出ませんし、フォームが動作するかチェックしようにもフォーム自体が表示されませんので困り果てております。
まずフォームをきちんとこのページに表示させたいです。
どうかアドバイスよろしくお願いいたします。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

classの継承ではなくModelFormMixin,というロジックで作成することができました。

views.py

class DetailView(ModelFormMixin, generic.DetailView):
    model = Question
    template_name = 'polls/detail.html'
    form_class = CommentForm
    def get_queryset(self):
        return Question.objects.filter(pub_date__lte=timezone.now())

    def form_valid(self, form):
        post_pk = self.kwargs['pk']
        comment = form.save(commit=False)  # コメントはDBに保存されていません
        comment.post = get_object_or_404(Post, pk=post_pk)
        comment.save()  # ここでDBに保存
        return redirect('blog:detail', pk=post_pk)


    def post(self, request, *args, **kwargs):
        form = self.get_form()
        if form.is_valid():
            return self.form_valid(form)
        else:
            self.object = self.get_object()
            return self.form_invalid(form)

detail.html

<h1>{{ question.question_text }}</h1>

{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}

<form action="{% url 'polls:vote' question.id %}" method="post">
{% csrf_token %}
{% for choice in question.choice_set.all %}
    <input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
    <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
{% endfor %}

<form action="" method="POST">
{{ form.as_p }}
<!--- <button type="submit">送信</button> --->
{% csrf_token %}
</form>

<input type="submit" value="投票">
</form>

まだ次のページに同時にデータを送信できていませんが表示という部分はこれで解決いたしました。
![イメージ説明

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 88.60%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る