Django 实现登录后跳转
时间:2019-08-29
本文章向大家介绍Django 实现登录后跳转,主要包括Django 实现登录后跳转使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
说明
实现网页登录后跳转应该分为两类:即登录成功后跳转和登录失败再次登录成功后跳转。参考网上内容,基本都只实现了第一类。而没有实现第二类。
实现
为了能让登录失败后再次登录成功后还能实现跳转。我这里采用了笨办法, 即:无论登录成功与否,都将跳转链接在前后端进行传递 ,这样跳转链接就不会在登录失败后消失。不多说,上代码
- 后端 views.py
from django.shortcuts import render, redirect
def login(request):
# 当前端点击登录按钮时,提交数据到后端,进入该POST方法
if request.method == "POST":
# 获取用户名和密码
username = request.POST.get("username")
passwd = request.POST.get("password")
# 在前端传回时也将跳转链接传回来
next_url = request.POST.get("next_url")
# 对用户进行验证,假设正确的用户名密码为"aaa", "123"
if username == 'aaa' and passwd == '123':
# 判断用户一开始是不是从login页面进入的
# 如果跳转链接不为空并且跳转页面不是登出页面,则登录成功后跳转,否则直接进入主页
if next_url and next_url != "/logout/":
response = redirect(next_url)
else:
response = redirect("/index/")
return response
# 若用户名或密码失败,则将提示语与跳转链接继续传递到前端
else:
error_msg = "用户名或密码不正确,请重新尝试"
return render(request, "app/login.html", {
'login_error_msg': error_msg,
'next_url': next_url,
})
# 若没有进入post方法,则说明是用户刚进入到登录页面。用户访问链接形如下面这样:
# http://host:port/login/?next=/next_url/
# 拿到跳转链接
next_url = request.GET.get("next", '')
# 直接将跳转链接也传递到后端
return render(request, "autotest/login.html", {
'next_url': next_url,
})
前端页面 login.html
<form action="{% url 'login' %}" method="post"> <h1>请使用xxx登录</h1> <div> <input id="user" type="text" class="form-control" name="username" placeholder="账户" required="" /> </div> <div> <input id="pwd" type="password" class="form-control" name="password" placeholder="密码" required="" /> </div> // 注意这里多了一个input。它用来保存跳转链接,以便每次点击登录按钮时将跳转链接传递回后端 // 通过display:none属性将该input元素隐藏起来 <div style="display: none;"> <input id="next" type="text" name="next_url" value="{{ next_url }}" /> </div> // 判断是否有错误提示,若有则显示 {% if login_error_msg %} <div id="error-msg"> <span style="color: rgba(255,53,49,0.8); font-family: cursive;">{{ login_error_msg }}</span> </div> {% endif %} <div> <button type="submit" class="btn btn-default" style="float: initial; margin-right: 60px">登录</button> </div> </form>
总结
其实这种实现方式就是让跳转链接在前后端交互中不损失掉。当然也可以在前端不用form元素,直接用ajax的post形式,然后让跳转在前端的ajax逻辑中执行。
原文地址:https://www.cnblogs.com/jack-233/p/11428254.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【python实现卷积神经网络】池化层实现
- srand()和rand(),生成随机数,留给我自己看
- 【python实现卷积神经网络】padding2D层实现
- mybatis之全局配置文件中的标签
- 【python实现卷积神经网络】Flatten层实现
- Shiro框架学习笔记(二)基于内置ini文件的身份认证
- 【python实现卷积神经网络】上采样层upSampling2D实现
- mybatis映射文件之获取自增的主键
- django实战(二)--带多字段模糊查询的分页(也是不容易)
- 【python实现卷积神经网络】Dropout层实现
- 【python实现卷积神经网络】激活层实现
- django实战(三)--删除和批量删除
- 【python实现卷积神经网络】定义训练和测试过程
- 最短路径算法java
- django实战(四)--修改数据