Hướng dẫn logout html - đăng xuất html

Ghi chú

Nội dung bài viết bạn đang xem được update từ tháng 06/2019. Vì vậy sẽ có đôi chút khác biệt giữa VIDEO và NỘI DUNG BÀI VIẾT.update từ tháng 06/2019. Vì vậy sẽ có đôi chút khác biệt giữa VIDEO và NỘI DUNG BÀI VIẾT.

Chúng ta sẽ có nhiều cập nhập hơn về cả bài viết lẫn video trong thời gian tới. Nhớ like / share hoặc đánh giá 5 sao để Kteam có động lực nhé! like / share hoặc đánh giá 5 sao để Kteam có động lực nhé! 

Cảm ơn các bạn! 

Dẫn nhập

Ở bài trước, Kteam đã hướng dẫn các bạn xong cách TẠO FORM ĐĂNG KÝ TÀI KHOẢN TRONG PYHTON DJANGO

Trong bài này Kteam hướng dẫn cách xử lý đăng nhập và đăng xuất của user trong Python Django.xử lý đăng nhập và đăng xuất của user trong Python Django.

Nội dung

Để theo dõi bài này tốt nhất, bạn nên xem qua bài:

• GIỚI THIỆU VỀ PYTHON DJANGO
• TẠO PROJECT VỚI PYTHON DJANGO
• TẠO WEB APP VÀ XỬ LÝ KHI NGƯỜI DÙNG YÊU CẦU TRUY CẬP TRONG PYTHON DJANGO
• SỬ DỤNG TEMPLATE VÀ JINJA TRONG PYTHON DJANGO
• FILE TĨNH VÀ THIẾT KẾ WEB BẰNG BOOTSTRAP TRONG PYTHON DJANGO
• THIẾT KẾ HOÀN CHỈNH BLOG TRONG PYTHON DJANGO
• DÙNG MODEL TẠO BẢNG DATABASE BẰNG NGÔN NGỮ PYTHON
• TƯƠNG TÁC DATABASE BẰNG NGÔN NGỮ PYTHON
• HỆ THỐNG ADMIN TRONG PYTHON DJANGO
• LIỆT KÊ DANH SÁCH BÀI VIẾT TRONG PYTHON DJANGO
• HIỂN THỊ THÔNG TIN BÀI VIẾT TRONG PYTHON DJANGO
• LOẠI BỎ HARDCODED URL TRONG PYTHON DJANGO.
• XỬ LÝ LỖI 404 TRONG PYTHON DJANGO
• DJANGO SỬ DỤNG MÔ HÌNH MVC
• UPLOAD FILE ẢNH VÀO TRANG WEB ĐƯỢC LÀM BẰNG DJANGO MVC
• TẠO FORM ĐĂNG KÝ TÀI KHOẢN TRONG PYHTON DJANGO

Bài này sẽ giới thiệu những nội dung sau:

• Built-in user authentication system
• Thiết kế template đăng nhập và đăng xuất

Built-in user authentication system

Tại vì Django đã giúp cho chúng ta thiết kế 1 hệ thống user có sẵn, vì vậy Django đã hỗ trợ cho chúng ta những chức năng đăng nhập và đăng xuất của hệ thống. Vì vậy, trong bài này Kteam chỉ hướng dẫn các bạn cách config các chức năng đó Ở urls app home, ta sẽ import views từ authentication để dùng các function đã xây dựng sẵn: config các chức năng đó
Ở urls app home, ta sẽ import views từ authentication để dùng các function đã xây dựng sẵn:

from django.urls import path
from . import views
from django.contrib.auth import views as auth_views

urlpatterns = [
   path['', views.index],
   path['contact/', views.contact, name='contact'],
   path['register/', views.register, name="register"],
   path['login/',auth_views.LoginView.as_view[template_name="pages/login.html"], name="login"],
   path['logout/',auth_views.LogoutView.as_view[next_page='/'],name='logout'],
]

• Để tránh nhầm lẫnviews của app home, Kteam định danhviewscủa auth là auth_views. views của app home, Kteam định danhviewscủa auth là auth_views.
• tạo path login/: dùng class LoginView gọi function as_view để xử lý đăng nhập, truyền tham số template_name để custom lại template đăng nhập. : dùng class LoginView gọi function as_view để xử lý đăng nhập, truyền tham số template_name để custom lại template đăng nhập.
• tạo path logout/: dùng class LogoutView gọi function as_view để xử lý đăng xuất, : dùng class LogoutView gọi function as_view để xử lý đăng xuất,
• truyền tham số next_page để thực hiện sau khi đăng xuất sẽ về đâu [ở đây Kteam sẽ cho về trang chủ]. next_page để thực hiện sau khi đăng xuất sẽ về đâu [ở đây Kteam sẽ cho về trang chủ].

Tiếp theo, Kteam sẽ tạo template login, LoginView có thiết kế Form login để đăng nhập, tuy nhiên Kteam muốn custom lại form để Việt hóa:template login, LoginView có thiết kế Form login để đăng nhập, tuy nhiên Kteam muốn custom lại form để Việt hóa:

    
    
    
    Login


    
        {% csrf_token %}
        {% for key, value in form.errors.items %}
            {{value}}
        {% endfor %}
        
Tài khoản:{{form.username}}
        
Mật khẩu:{{form.password}}
        
        
    

• thiết kế label tiếng Việt, rồi sau đó tạo các thẻ input thông qua các field của form đăng nhập. label tiếng Việt, rồi sau đó tạo các thẻ input thông qua các field của form đăng nhập.
• tạo input next để sau khi đăng nhập sẽ đi về đâu. input next để sau khi đăng nhập sẽ đi về đâu.
• tạo input submit có value là Đăng nhậpinput submit có value là Đăng nhập
• Để tính trường hợp lỗi, nên dùng vòng lặp for lấy value từ form.errors.for lấy value từ form.errors.

Bây giờ ta thử kiểm tra kết quả

Đăng ký|