Django实现JavaScript实现JWT用户登陆、登出

使用 Django 进行前后端分离开发的时候,在用户功能开发商一般使用 API 接口的方式进行用户数据的记录。同样 Django 中可以实现基于 HTML + JavaScript 进行用户登陆、登出的功能。

这里将用户名和 jwt_token 保存到浏览器中,登陆成功则在本地浏览器读取 username 信息进行显示,后续结合用户名和 jwt_token 内容进行业务,登出则清空保存的 username 和 jwt_token 信息,如有不同需求自行更改。

JavaScrip用户登陆

JavaScript登录涉及到创建一个HTML表单,用户输入他们的用户名和密码,然后JavaScript将这些信息发送到服务器进行验证。如果验证成功,服务器通常会返回一个会话标识,用于保持用户的登录状态。

//用户登陆
function
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Django实现用户登录的步骤如下: 1. 创建一个登录表单,包括用户名和密码输入框。 2. 在urls.py中定义一个登录url,指向登录视图函数。 3. 在views.py中定义一个登录视图函数,处理用户的登录请求,验证用户名和密码是否正确。 4. 如果用户名和密码正确,使用 Django 的内置 auth 应用程序进行用户登录。 5. 在模板中显示用户登录后的页面。 下面是一个简单的示例代码: 1)登录表单模板 login.html: {% block content %} <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">登录</button> </form> {% endblock %} 2)urls.py: from django.urls import path from django.contrib.auth.decorators import login_required from . import views urlpatterns = [ path('login/', views.LoginView.as_view(), name='login'), ] 3)views.py: from django.shortcuts import render, redirect from django.contrib.auth import authenticate, login from django.views.generic import FormView from django.urls import reverse_lazy from .forms import LoginForm class LoginView(FormView): form_class = LoginForm template_name = 'login.html' success_url = reverse_lazy('home') def form_valid(self, form): user = authenticate(username=form.cleaned_data['username'], password=form.cleaned_data['password']) if user is not None: login(self.request, user) return super().form_valid(form) else: return render(self.request, self.template_name, {'form': form}) 4)LoginForm表单: from django import forms class LoginForm(forms.Form): username = forms.CharField(label='用户名') password = forms.CharField(label='密码', widget=forms.PasswordInput)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr数据杨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值