Creando my Blog con Django VI: login y logout 💪

Hola a todos! Bienvenidos a la sexta parte de "Creando my Blog con Django" ☺.

Llegados a este punto, ya habrás creado las correspondientes urls, y las funciones y clases de las vistas de la aplicación dónde mayormente había que estar logado, para acceder a esas vistas del blog.

Por eso, ahora es un gran momento, para agregar las urls del proyecto. ¿Qué urls? Las urls de login y de logout.

Coménzamos! 👍

Cómo en la ruta url, vamos a linkear un template. Así, añadimos en la ruta templates/registration un archivo html para el login:

        login.html



Dentro de la urls.py del proyecto importamos las vistas de la librería referente a la autorización
de contenido:

        from django.conf.urls import url, include
        from django.contrib.auth import views
        from django.contrib import admin


Y añadimos las urls, dónde kwargs es un dictionario que nos va a permitir manejar argumentos que no han sido todavía declaradas:

         url(r'^acounts/login/$', views.login, name='login'),
         url(r'^acounts/logout/$', views.logout, name='logout', kwargs = {'next-page':'/'}), 


Ahora creamos en el login.html , que extiende base.html, un jumbotron para destacarlo.
Jumbotron es propio de Bootstrap , qué es un framework de JS, Html y Css. En su página
oficial accederás a una formación muy completa de la misma.

Así, nuestro login.html queda como lo siguiente:

  {% extends 'blog/base.html' %}
    {% block content %}
     <div class = "jumbotron">
         <h2>Por favor Login:</h2>
              <h3>Debes ser SuperUser, por favor compruébalo con el administrador</h3>
             {% if form.errors %}
                   <p>Tu nombre de usuario y password no concuerdan! Inténtalo otra vez!</p>
              {% endif %}
        <form  action = "{% url 'login' %}" method = "POST"}
          {% csrf-token %}
          {% form.as_p %}
                <input type="submit" class='btn btn-primary' value="Login">
                <input type="hidden" name="next" value="<<next>>">
       </form>
    </div>
          

Y, objetivo cumplido!  Lo siguiente será empezar a trabajar con el template de la base. Es decir, base.html , base.css y base.js ☺.

Muchísimas gracias y nos vemos en la siguiente.
Hasta luego!