Djangoでコメント機能を実装したいが、コメント用返信ボタンが表示されない

#前提・実現したいこと
Udemyで掲示板風SNSを作成したので、掲示板と言えば、コメントが必要だよな。と思いコメント機能を追加しようとしています。

#試したこと
こちらのサイトを参考にコメント機能を実装しようとしているのですが、うまく追加することが出来ていないのか
返信ボタンが出てきていません。
URLのつなぎ込みは出来ているので、出てくる予定なのですが、うまくいかないです。
似た質問があったので、この質問を元に実装しようとしましたが、うまく実装することができませんでした。

#発生している問題・エラーメッセージ
特にエラーなどはありませんでした。

#該当のソースコード

Python
1models.py
2
3from django.db import models
4from django.utils import timezone
5
6
7# Create your models here.
8class BoardModel(models.Model):
9    # 記事
10    title = models.CharField(max_length=100)
11    content = models.TextField()
12    author = models.CharField(max_length=100)
13    images = models.ImageField(upload_to='')
14    good = models.IntegerField(null=True,blank=True,default=0)
15    read = models.IntegerField(null=True,blank=True,default=0)
16    readtext = models.CharField(max_length=200,null=True,blank=True,default='a')
17    created_date=models.DateTimeField(default=timezone.now)
18    def __str__(self):
19        return self.title
20
21class Comment(models.Model):
22    # コメント
23    name=models.CharField(max_length=100,blank=True)
24    text=models.TextField()
25    post=models.ForeignKey(BoardModel,on_delete=models.CASCADE)
26    created_date=models.DateTimeField(default=timezone.now)
27
28class Reply(models.Model):
29    # 返信コメント
30    name=models.CharField(max_length=100,blank=True)
31    text=models.TextField()
32    target=models.ForeignKey(Comment,on_delete=models.CASCADE)
33    is_publoc=models.BooleanField(default=True)
34    created_date=models.DateTimeField(default=timezone.now)
35    # defaultの値をFalseにしておくと、コメントの承認機能をつけることが出来る
36    # Trueなので、承認機能が無い状態
37    def __str__(self):
38        return self.name

Python
1urls.py
2
3from django.urls import path
4from .views import  listfunc, detailfunc, BoardCreate,CommentView,ReplyView
5
6urlpatterns = [
7
8    path('', listfunc, name='list'),
9    path('list/', listfunc, name='list'),
10    path('detail/<int:pk>', detailfunc, name='detail'),
11    path('create/', BoardCreate.as_view(), name='create'),
12    path('comment/<int:pk>/',CommentView.as_view(),name='comment'),
13    path('reply/<int:pk>/',ReplyView.as_view(),name='reply'),
14
15]
16

Python
1views.py
2
3from django.shortcuts import render, redirect, get_object_or_404
4from django.contrib.auth.models import User
5from django.views.generic import CreateView
6from django.urls import reverse_lazy
7
8from .models import BoardModel, Comment, Reply
9
10
11def listfunc(request):
12    object_list = BoardModel.objects.all()
13    return render(request, 'list.html', {'object_list': object_list})
14
15
16def detailfunc(request, pk):
17    object = BoardModel.objects.get(pk=pk)
18    return render(request, 'detail.html', {'object': object})
19
20
21class BoardCreate(CreateView):
22    template_name = 'create.html'
23    model = BoardModel
24    fields = ('title', 'content', 'author', 'images')
25    success_url = reverse_lazy('list')
26
27
28class CommentView(CreateView):
29    model = Comment
30    fields = ('name', 'text')
31    template_name = 'Django_exa/TaskProject/templates/comment_form.html'
32
33    def form_valid(self, form):
34        post_pk = self.kwargs['pk']
35        post = get_object_or_404(BoardModel, pk=post_pk)
36
37        comment = form.save(commit=False)
38        comment.target = post
39        comment.save()
40        # 記事の設定
41
42        return redirect('detail', pk=post_pk)
43        # 記事の詳細にリダイレクト
44
45
46class ReplyView(CreateView):
47    model = Reply
48    fields = ('name', 'text')
49    template_name = 'Django_exa/TaskProject/templates/comment_form.html'
50
51    def form_valid(self, form):
52        comment_pk = self.kwargs['pk']
53        comment = get_object_or_404(BoardModel, pk=comment_pk)
54
55        reply = form.save(commit=False)
56        reply.target = comment
57        reply.save()
58        # 記事の設定
59
60        return redirect('detail', pk=comment.target.pk)
61        # 記事の詳細にリダイレクト
62

HTML
1detail.html
2
3{% extends 'base.html' %}
4
5{% block customcss %}
6{% endblock customcss %}
7
8{% block header %}
9<div class="alert alert-primary" role="alert">
10    個別投稿
11</div>
12{% endblock header %}
13
14{% block content %}
15<div class='container'>
16    <div class="alert alert-success" role="alert">
17        <p>タイトル：{{object.title}}</p>
18        <p>投稿者：{{object.author}}</p>
19        <p>内容：{{object.content}}</p>
20        <p><img src='{{object.images.url}}' width=300></p>
21
22        {% for comment in post.comment_set.all %}
23
24        名前:{{ comment.name }}<br>
25        テキスト:{{ comment.text }}<br>
26        <a href="{% url 'reply' item.pk %}">返信する</a><br>
27
28        {% for reply in comment.reply_set.all %}
29        <div style="margin-left:100px;">
30            名前:{{ reply.name }}<br>
31            テキスト:{{ reply.text }}<br>
32
33        </div>
34        {% endfor %}
35
36
37        <hr>
38        {% endfor %}
39
40    </div>
41</div>
42{% endblock content %}

#自己解決
detail.html内の
comment.nameやcomment.text等を変更すると、解決することが出来ました。

HTML
1detail.html
2{% extends 'base.html' %}
3
4{% block customcss %}
5{% endblock customcss %}
6
7{% block header %}
8    <div class="alert alert-primary" role="alert">
9        個別投稿
10    </div>
11{% endblock header %}
12
13{% block content %}
14    <div class='container'>
15        <div class="alert alert-success" role="alert">
16            <p>タイトル：{{ object.title }}</p>
17            <p>投稿者：{{ object.author }}</p>
18            <p>内容：{{ object.content }}</p>
19            <p><img src='{{ object.images.url }}' width=300></p>
20
21
22            <a href="{% url 'comment' object.pk %}" class="btn btn-primary btn " tabindex="-1" role="button"
23               aria-disabled="true">コメントする</a>
24            <p><a href="{% url 'list' %}" class="btn btn-success btn " tabindex="-1" role="button"
25                  aria-disabled="true">記事一覧に戻る</a></p>
26
27            {% for comment in object.comment_set.all %}
28                <!--        ここにコメントを入れたい-->
29
30                <p>名前:{{ comment.name }}<br>
31                    テキスト:{{ comment.text }}<br>
32                </p>
33                {#        <a href="{% url 'reply' comment.pk %}">返信する</a><br>#}
34
35
36                <hr>
37            {% endfor %}
38
39        </div>
40    </div>
41{% endblock content %}
42

#教えていただきたいこと
2点あります。

1、どのようにサンプルコードを変えればいのか？
2、解決方法を導き方や考え方

自力で解決できるようになりたいので！

tatamyiwathy

2020/01/31 08:27

ページはエラーなく開いているけど、返信ボタンが表示されないということでしょうか。

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

回答2件

自己解決

detail.html内の
comment.nameやcomment.text等をobject.nameやobject.textに変更すると、解決することが出来ました。

HTML
1detail.html
2{% extends 'base.html' %}
3
4{% block customcss %}
5{% endblock customcss %}
6
7{% block header %}
8    <div class="alert alert-primary" role="alert">
9        個別投稿
10    </div>
11{% endblock header %}
12
13{% block content %}
14    <div class='container'>
15        <div class="alert alert-success" role="alert">
16            <p>タイトル：{{ object.title }}</p>
17            <p>投稿者：{{ object.author }}</p>
18            <p>内容：{{ object.content }}</p>
19            <p><img src='{{ object.images.url }}' width=300></p>
20
21
22            <a href="{% url 'comment' object.pk %}" class="btn btn-primary btn " tabindex="-1" role="button"
23               aria-disabled="true">コメントする</a>
24            <p><a href="{% url 'list' %}" class="btn btn-success btn " tabindex="-1" role="button"
25                  aria-disabled="true">記事一覧に戻る</a></p>
26
27            {% for comment in object.comment_set.all %}
28                <!--        ここにコメントを入れたい-->
29
30                <p>名前:{{ comment.name }}<br>
31                    テキスト:{{ comment.text }}<br>
32                </p>
33                {#        <a href="{% url 'reply' comment.pk %}">返信する</a><br>#}
34
35
36                <hr>
37            {% endfor %}
38
39        </div>
40    </div>
41{% endblock content %}
42