30 - Login via Django AuthenticationForm

Author: codingforentrepreneurs

accounts/views.py

@@ -1,5 +1,5 @@
 from django.contrib.auth import authenticate, login, logout
-from django.contrib.auth.forms import UserCreationForm
+from django.contrib.auth.forms import AuthenticationForm, UserCreationForm
 from django.shortcuts import render, redirect
 
 def register_view(request):
@@ -12,19 +12,19 @@ def register_view(request):
 
 # Create your views here.
 def login_view(request):
+    # future -> ?next=/articles/create/
     if request.method == "POST":
-        username = request.POST.get("username")
-        password = request.POST.get("password")
-        # remove this!!!!
-        # print(username, password)
-        # remove this!!
-        user = authenticate(request, username=username, password=password)
-        if user is None:
-            context = {"error": "Invalid username or password."}
-            return render(request, "accounts/login.html", context)
-        login(request, user)
-        return redirect('/')
-    return render(request, "accounts/login.html", {})
+        form = AuthenticationForm(request, data=request.POST)
+        if form.is_valid():
+            user = form.get_user()
+            login(request, user)
+            return redirect('/')
+    else:
+        form = AuthenticationForm(request)
+    context = {
+        "form": form
+    }
+    return render(request, "accounts/login.html", context)
 
 
 def logout_view(request):

templates/accounts/login.html

@@ -6,15 +6,7 @@
 {% if not request.user.is_authenticated %}
     <div style='margin-top:30px;'>
         <form method='POST'>{% csrf_token %}
-            {% if error %}
-            <p style='color:red'>{{ error }}</p>
-            {% endif %}
-            <div>
-                <input type='text' name='username' placeholder='username' />
-            </div>
-            <div>
-                <input type='password' name='password' placeholder='password' />
-            </div>
+            {{ form.as_p }}
             <button type='submit'>Login</button>
         </form>