Tarea: Agregar mas a tu sitio web
Nuestro blog ha recorrido un gran camino hasta aquí, pero aún hay espacio para la mejora. Lo siguiente, vamos a agregar nuevas características para borradores y su publicación. También vamos a agregar eliminación de post que ya no queremos mas.
Guarda nuevos post como borradores
Actualmente, nosotros creamos nuevos post usando nuestro formulario New Post y el post es publicado directamente. En lugar de publicar el post vamos a guardarlos com borradores. elimina esta linea en
blog/views.py en los méetodos post_new y post_edit:1
post.published_date = timezone.now()
Copied!
De esta manera los nuevos post serán guardados como borradores y se podrán revisar después en vez de ser publicados instantáneamente. Todo lo que necesitamos es una manera de listar los borradores. ¡Vamos a hacerlo!
Página con los post no publicados
¿Recuerdas el capítulo sobre los querysets? Creamos una vista
post_list que muestra solamente los post publicados (aquellos que tienen un publication_date no vacío).Es tiempo de hacer algo similiar, pero con borradores.
Vamos a añadir un enlace en
blog/templates/blog/base.html en el encabezado. No queremos mostrar nuestro borradores a todo el mundo, entonces vamos a colocarlo dentro de la verificación {% if user.is_authenticated %}, justo después del botón de agregar posts.1
<a href="<div data-gb-custom-block data-tag="url" data-0='post_draft_list'></div>
2
3
" class="top-menu"><span class="glyphicon glyphicon-edit"></span></a>
Copied!
Siguiente: ¡urls! en
blog/urls.py vamos a agregar:1
path('drafts/', views.post_draft_list, name='post_draft_list'),
Copied!
Tiempo de crear una nueva vista en
blog/views.py1
def post_draft_list(request):
2
posts = Post.objects.filter(published_date__isnull=True).order_by('created_date')
3
return render(request, 'blog/post_draft_list.html', {'posts': posts})
Copied!
Esta línea
posts = Post.objects.filter(published_date__isnull=True).order_by('created_date') se asegura de que solamente vamos a tomar post no publicados (published_date__isnull=True) y los ordena por created_date (order_by('created_date')).Ok, el último pedazo es la plantilla. Crea un archivo
blog/templates/blog/post_draft_list.html y agrega lo siguiente:1
<div data-gb-custom-block data-tag="extends" data-0='blog/base.html'></div>
2
3
<div data-gb-custom-block data-tag="block"></div>
4
5
6
7
<div data-gb-custom-block data-tag="for">
8
9
<div class="post">
10
<p class="date">created: {{ post.created_date|date:'d-m-Y' }}</p>
11
<h1><a href="
12
13
<div data-gb-custom-block data-tag="url" data-0='post_detail'>">{{ post.title }}</a></h1>
14
<p>{{ post.text|truncatechars:200 }}</p>
15
</div>
16
</div>
17
18
</div>
Copied!
Se ve muy similar a nuestr
post_list.html ¿verdad?Ahora cuando vayas a
http://127.0.0.1:8000/drafts/ vas a ver la lista de post no publicados.¡Bien! ¡Nuestra primera tarea hecha!
Agrega un botón de publicación
Sería bueno tener un botón en el detalle del post que publique el post inmediatamente, ¿no?
Vamos a abrir
blog/templates/blog/post_detail.html y cambiar estas líneas:1
<div data-gb-custom-block data-tag="if">
2
3
<div class="date">
4
{{ post.published_date }}
5
</div>
6
7
</div>
Copied!
por estas:
1
<div data-gb-custom-block data-tag="if"></div>
2
3
<div class="date">
4
{{ post.published_date }}
5
</div>
6
7
<div data-gb-custom-block data-tag="else"></div>
8
9
<a class="btn btn-default" href="
10
11
<div data-gb-custom-block data-tag="url" data-0='post_publish'>
12
13
">Publish</a>
14
15
</div>
Copied!
Como puedes ver, hemos agregado la línea
{% else %}. Esto significa, que la condición de {% if post.published_date %} no es cumplida (entonces no hay publication_date), entonces queremos agregar la línea <a class="btn btn-default" href="{% url 'post_publish' pk=post.pk %}">Publish</a>. Nota que estamos pasando la variable pk en el {% url %}.Tiempo de crear una URL (en
blog/urls.py):1
path('post/<pk>/publish/', views.post_publish, name='post_publish'),
Copied!
Y finalmente una vista (como siempre, en
blog/views.py):1
def post_publish(request, pk):
2
post = get_object_or_404(Post, pk=pk)
3
post.publish()
4
return redirect('post_detail', pk=pk)
Copied!
Recuerda, cuando creamos el modelo
Post escribimos un método publush. Se veía como esto:1
def publish(self):
2
self.published_date = timezone.now()
3
self.save()
Copied!
¡Ahora finalmente podemos usarlo!
Y de nuevo al publicar el post, ¡somos redirigidos inmediatamente a la página
post_detail!
Publish button
¡Felicitaciones! ¡Casi terminas, el último paso es un botón de eliminar!
Eliminar post
Vamos a abrir
blog/templates/blog/post_detail.html de nuevo y vamos a añadir esta línea1
<a class="btn btn-default" href="<div data-gb-custom-block data-tag="url" data-0='post_remove'></div>"><span class="glyphicon glyphicon-remove"></span></a>
Copied!
Justo debajo de la línea co el botón editar.
Ahora necesitamos una URL (
blog/urls.py):1
path('post/<pk>/remove/', views.post_remove, name='post_remove'),
Copied!
Ahora, ¡Tiempo para la vista! Abre
blog/views.py y agrega este código:1
def post_remove(request, pk):
2
post = get_object_or_404(Post, pk=pk)
3
post.delete()
4
return redirect('post_list')
Copied!
La única cosa nueva es en realidad, eliminar el post. Cada modelo en django puede ser eliminado con
.delete(). ¡Así de simple!Y en este momento, después de eliminar un post, queremos ir a la página web con la lista de posts, por eso usamos el
redirect.¡Vamos a probarlo! ¡Vamos a la página con los post e intentemos eliminarlos!
Delete button
Si, ¡esto es lo último! ¡Acabas de completar este tutorial! ¡Eres asombroso!