Djangoで記事に対するコメントやコメントに対する返信を全て同一のhtmlページで行う方法を知りたいです

Question

実現したいこと

Djangoで会員制の記事公開アプリケーションを作成しており、記事の詳細ページ内で記事に対するコメント及び、コメントに対する返信ができるようにビューを実装しています。

コード

モデルとビューは下記のようにしています。

class CustomUser(AbstractUser):

    username = models.CharField(
        _("username"),
        max_length=30,
        help_text='Required 30 characters or fewer.',
        unique=True,
        error_messages={
            'unique': _("This Username already exists."),
        },)

    email = models.EmailField(
        _('email'),
        unique=True,
        error_messages={
            'unique': _("A user with that email address already exists."),
        },)
    
    class Meta:
        verbose_name_plural = 'CustomUser'


class Article(models.Model):

    post_user = models.ForeignKey(CustomUser, verbose_name='Post User', on_delete=models.CASCADE, related_name='name',)
    title = models.CharField(verbose_name='title', max_length=50,)
    content = MDTextField()
    created_at = models.DateField(verbose_name='created_at', auto_now_add=True,)

    class Meta:
        verbose_name_plural = 'Article'

    def __str__(self):
        return self.title

class Comment(models.Model):
    #記事に対するコメント
    writer = models.ForeignKey(CustomUser, on_delete=models.CASCADE,)
    text = MDTextField()
    target = models.ForeignKey(Article, on_delete=models.CASCADE,)
    created_at = models.DateField(verbose_name='created_at', auto_now_add=True,)
    updated_at = models.DateField(verbose_name='updated_at', auto_now=True,)

    def __str__(self):
        return self.text[:20]

#記事詳細ビュー
class ArticleDetailView(generic.DetailView):
    model = Article
    template_name = 'article_detail.html'

#コメント作成ビュー
#コメント作成
class CommentCreateView(generic.CreateView, LoginRequiredMixin):
    model = Comment
    form_class = CommentCreateForm
    template_name = '???' #ここをどうすべきか分からない

    def get_success_url(self):
        return reverse_lazy('article:article_detail', kwargs={'pk': self.kwargs['pk']})

分からない点

Web上の情報ではtemplate_name = 'comment_create.html'のようにして、コメントを投稿する際に記事詳細ページからコメント投稿ページへと遷移させている例が多く、他のページへ遷移させ図に、article_detail.html内でコメントを作成する方法が分からず、教えていただければ幸いです。

Answer 1

この回答はGPT-4による自動生成回答です

ArticleDetailViewでコメントフォームを表示し、コメントを作成できるようにするには、以下の手順を実行してください。

1. CommentCreateFormをArticleDetailViewに渡す。
2. article_detail.htmlでコメントフォームを表示する。
3. コメントが投稿されたら、CommentCreateViewでコメントを保存し、記事詳細ページにリダイレクトする。

まず、ArticleDetailViewを以下のように変更して、CommentCreateFormをコンテキストに追加します。

class ArticleDetailView(generic.DetailView):
    model = Article
    template_name = 'article_detail.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        context['form'] = CommentCreateForm()
        return context

次に、article_detail.htmlにコメントフォームを追加します。

<form method="post" action="{% url 'article:comment_create' article.pk %}">
  {% csrf_token %}
  {{ form.as_p }}
  <button type="submit">コメントを投稿</button>
</form>

最後に、CommentCreateViewでコメントを保存し、記事詳細ページにリダイレクトします。

class CommentCreateView(generic.CreateView, LoginRequiredMixin):
    model = Comment
    form_class = CommentCreateForm
    template_name = 'article_detail.html'

    def form_valid(self, form):
        form.instance.writer = self.request.user
        form.instance.target_id = self.kwargs['pk']
        return super().form_valid(form)

    def get_success_url(self):
        return reverse_lazy('article:article_detail', kwargs={'pk': self.kwargs['pk']})

これで、記事詳細ページ内でコメントを作成できるようになります。ただし、urls.pyにCommentCreateViewのURLパターンを追加する必要があります。例えば、以下のように追加できます。

from django.urls import path
from . import views

app_name = 'article'
urlpatterns = [
    # 他のURLパターン
    path('<int:pk>/comment/', views.CommentCreateView.as_view(), name='comment_create'),
]

これで、記事詳細ページ内でコメントを作成し、保存できるようになります。

Comments

[Mr_PONPON_MARU]

ありがとうございます。