Tarea: Crea un modelo de comentarios

Django Girls Tutorial: Extensions
Search…
Django Girls Tutorial: Extensions
LANGS
Django Girls Tutorial: Extensions
Tutorial Django Girls : Extensiones
Resumen
Tarea: Asegura tu sitio
Dominio
Despliega tu sitio en Heroku (También como PythonAnywhere)
Tarea: Agregar mas a tu sitio web
Tarea: Crea un modelo de comentarios
README
آموزش جنگوگرلز: فعالیت‌های اضافه
Django Girls Tutorial: Extensions
장고걸스 튜토리얼 : 심화 (Django Girls Tutorial: Extensions)
Tarea: Crea un modelo de comentarios
Actualmente, solamente tenemos un modelo de Post, ¿Qué si queremos recibir retro alimentación de tus lectores y dejarlos comentar?
Crea un modelo de comentarios para el blog
Vamos a abrir blog/models.py y pega esta pieza de código al final del archivo:
class Comment(models.Model):
    post = models.ForeignKey('blog.Post', on_delete=models.CASCADE, related_name='comments')
    author = models.CharField(max_length=200)
    text = models.TextField()
    created_date = models.DateTimeField(default=timezone.now)
    approved_comment = models.BooleanField(default=False)
​
    def approve(self):
        self.approved_comment = True
        self.save()
​
    def __str__(self):
        return self.text
Puedes ir atrás al modelo Modelos en Django de este tutorial si necesitas refrescar lo que cada tipo de campo significa.
En esta extensión del tutorial vamos a tener un nuevo tipo de campo:
models.BooleanField - this is true/false field.
La opción related_name en models.ForeignKey nos permite acceder acceso a los comentarios desde el modelo Post.
Creando tablas para los modelos en tu base de datos.
Es tiempo de agregar nuestro modelo de comentarios a la base de datos. Para hacer esto le vamos a decir a Django que haga los cambios a nuestro modelo. Escribe python manage.py makemigrations blog en tu linea de comendos. Deberías ver algo como esto:
    (myvenv) ~/djangogirls$ python manage.py makemigrations blog
    Migrations for 'blog':
      0002_comment.py:
        - Create model Comment
Como puedes ver, se ha creado otro archivo de migración en la carpeta blog/migrations/. Ahora necesitamos aplicar estos cambios escribiendo python manage.py migrate blog en la línea de comandos. La salida debería verse así:
    (myvenv) ~/djangogirls$ python manage.py migrate blog
    Operations to perform:
      Apply all migrations: blog
    Running migrations:
      Rendering model states... DONE
      Applying blog.0002_comment... OK
¡Nuestro modelo de comentarios existe ahora en la base de datos! ¿No sería genial acceder a el desde nuestro panel de administración?
Registra el modelo de comentarios en el panel de administrador
Para registrar el modelo de Comentario en el panel de administrador, ve a blog/admin.py y agrega esta línea:
admin.site.register(Comment)
Justo debajo de esta línea:
admin.site.register(Post)
Recuerda que es importante importar el modelo de comentarios al comienzo del archivo, como esto:
from django.contrib import admin
from .models import Post, Comment
​
admin.site.register(Post)
admin.site.register(Comment)
Si escribes python manage.py runserver en la línea de comandos y vas a http://127.0.0.1:8000/admin/ en tu navegador, ahora podras acceder a la lista de comentarios, y también tendrás la posibilidad de agregar y eliminar comentarios. ¡Juega con la nueva característica de comentarios!
Has tus comentarios visibles
Ve al archivo blog/templates/blog/post_detail.html y agrega el siguiente código antes de la etiqueta `{% endblock %}
`:
<hr>
​
<div data-gb-custom-block data-tag="for"></div>
​
    <div class="comment">
        <div class="date">{{ comment.created_date }}</div>
        <strong>{{ comment.author }}</strong>
        <p>{{ comment.text|linebreaks }}</p>
    </div>
​
<div data-gb-custom-block data-tag="empty">
​
    <p>No comments here yet :(</p>
​
</div>
Ahora puedes ver la sección de comentarios en los detalles del post.
Pero puede verse un poco mejor, así que vamos a agregar algún css al final del archivo static/css/blog.css:
.comment {
    margin: 20px 0px 20px 20px;
}
También vamos a dejar a los visitantes sobre los comentarios que dejan en la página. Ve al archivo blog/templates/blog/post_list.html y agrega una lína como esta:
<a href="
​
<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>
​
">Comments: {{ post.comments.count }}</a>
Después de esto, tu plantilla debería verse así:
<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>
​
<div data-gb-custom-block data-tag="block"></div>
​
    
​
<div data-gb-custom-block data-tag="for"></div>
​
        <div class="post">
            <div class="date">
                {{ post.published_date }}
            </div>
            <h1><a href="
​
<div data-gb-custom-block data-tag="url" data-0='post_detail'>">{{ post.title }}</a></h1>
            <p>{{ post.text|linebreaksbr }}</p>
            <a href="<div data-gb-custom-block data-tag="url" data-0='post_detail'>">Comments: {{ post.comments.count }}</a>
        </div>
    </div>
​
</div>
Deja a tus lectores escribir comentarios
Ahora podemos ver los comentarios hechos en nuestro blog, pero no podemos agregarlos. ¡Vamos a cambiar eso!
Ve a blog/forms.py y agrega las siguientes líneas al final del archivo:
class CommentForm(forms.ModelForm):
​
    class Meta:
        model = Comment
        fields = ('author', 'text',)
Recuerda importar el modelo Comentario, cambiando la línea:
from .models import Post
en:
from .models import Post, Comment
Ahora vamos a blog/templates/blog/post_detail.html y antes de la línea {% for comment in post.comments.all %}, agrega:
<a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='add_comment_to_post'></div>
​
">Add comment</a>
Si quieres ir a los detalles del post, deberías ver este error:
NoReverseMatch
¡Ahora sabemos como arreglarlo! Ve a blog/urls.py y agrega esto a urlpatterns:
url(r'^post/(?P<pk>\d+)/comment/#x27;, views.add_comment_to_post, name='add_comment_to_post'),
¡Refresca la página y ahora tenemos un erro diferente!
AttributeError
Para agregar este error, agrega esto a blog/views.py:
def add_comment_to_post(request, pk):
    post = get_object_or_404(Post, pk=pk)
    if request.method == "POST":
        form = CommentForm(request.POST)
        if form.is_valid():
            comment = form.save(commit=False)
            comment.post = post
            comment.save()
            return redirect('post_detail', pk=post.pk)
    else:
        form = CommentForm()
    return render(request, 'blog/add_comment_to_post.html', {'form': form})
Recuerda importar CommentForm al comienzo del archivo:
from .forms import PostForm, CommentForm
Ahora vamos a los detalles de la página y deberíamos ver el botón "Add Comment":
AddComment
Sin embargo, cuando des click en el botón verás:
TemplateDoesNotExist
Como el error nos dice, la plantilla no existe aún. Entonces vamos a crear una en blog/templates/blog/add_comment_to_post.html y agregar el siguiente código:
<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>
​
<div data-gb-custom-block data-tag="block"></div>
​
    <h1>New comment</h1>
    <form method="POST" class="post-form">
​
<div data-gb-custom-block data-tag="csrf_token">
​
        {{ form.as_p }}
        <button type="submit" class="save btn btn-default">Send</button>
    </form>
​
</div>
¡Genial! !Ahora nuestroe lectores puede agregar lo que piensan en nuestros post!
Moderando los comentarios
No todos los comentarios deberían ser mostrados. Como dueño del blog, posiblemtente quieras la opción de aprovar o eliminar comentarios. Vamos a hacer algo sobre esto.
Ve a blog/templates/blog/post_detail.html y cambia las líneas:
<div data-gb-custom-block data-tag="for"></div>
​
    <div class="comment">
        <div class="date">{{ comment.created_date }}</div>
        <strong>{{ comment.author }}</strong>
        <p>{{ comment.text|linebreaks }}</p>
    </div>
​
<div data-gb-custom-block data-tag="empty">
​
    <p>No comments here yet :(</p>
​
</div>
a:
<div data-gb-custom-block data-tag="for"></div>
​
    
​
<div data-gb-custom-block data-tag="if"></div>
​
    <div class="comment">
        <div class="date">
            {{ comment.created_date }}
            
​
<div data-gb-custom-block data-tag="if"></div>
​
                <a class="btn btn-default" href="
​
<div data-gb-custom-block data-tag="url" data-0='comment_remove'>"><span class="glyphicon glyphicon-remove"></span></a>
                <a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='comment_approve'>"><span class="glyphicon glyphicon-ok"></span></a>
            </div>
​
        </div>
        <strong>{{ comment.author }}</strong>
        <p>{{ comment.text|linebreaks }}</p>
    </div>
    
​
</div>
​
<div data-gb-custom-block data-tag="empty">
​
    <p>No comments here yet :(</p>
​
</div>
Deberías ver un NoReverseMatch, porque no hay ninguna URL que concuerde con comment_remove y comment_approve aún
Para arreglar este error, agregemos estas urls a blog/urls.py:
url(r'^comment/(?P<pk>\d+)/approve/#x27;, views.comment_approve, name='comment_approve'),
url(r'^comment/(?P<pk>\d+)/remove/#x27;, views.comment_remove, name='comment_remove'),
Ahora debereias ver un AttributeError. Para arreglar este error, agrega las siguiente vistas en blog/views.py:
@login_required
def comment_approve(request, pk):
    comment = get_object_or_404(Comment, pk=pk)
    comment.approve()
    return redirect('post_detail', pk=comment.post.pk)
​
@login_required
def comment_remove(request, pk):
    comment = get_object_or_404(Comment, pk=pk)
    comment.delete()
    return redirect('post_detail', pk=comment.post.pk)
Necesitas importar Comment al comienzo del archivo:
from .models import Post, Comment
¡Todo funciona! Hay un pequeño cambio que podemos hacer. en nuestra página de lista -- debajo de posts -- actualmente vemos el número de los comentarios que el post ha recibifo. Vamos a cambiar esto para ver el número de comentarios aprobados.
Para arreglar esto, ve a blog/templates/blog/post_list.html y cambia la línea:
<a href="
​
<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>">Comments: {{ post.comments.count }}</a>
a:
<a href="<div data-gb-custom-block data-tag="url" data-0='post_detail'></div>">Comments: {{ post.approved_comments.count }}</a>
finalmente, añade el método al modelo Post en blog/models.py:
def approved_comments(self):
    return self.comments.filter(approved_comment=True)
Ahora puedes ver la característica de comentarios finalizada ¡Felicitaciones! :-)
Tarea: Agregar mas a tu sitio web
README
Last modified 6mo ago
Copy link
On this page
Crea un modelo de comentarios para el blog
Creando tablas para los modelos en tu base de datos.
Registra el modelo de comentarios en el panel de administrador
Has tus comentarios visibles
Deja a tus lectores escribir comentarios
Moderando los comentarios