本站消息
python中django用户登录与前端交互
发布于2021-07-25 07:01 阅读(682) 评论(0) 点赞(29) 收藏(3)
我们最终目的是要在前端显示异常。
关键代码：
return render(request, "login.html",{'error_msg':error_msg})
完整代码：
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
import os.path
# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
from django.shortcuts import redirect
def index(request):
return HttpResponse("CMDB")
def login(request):
error_msg=""
if request.method == "POST":
username = request.POST.get("username",None)
password = request.POST.get("password",None)
print (username,password)
if username=='root' and password=='admin123':
#去跳转到
return redirect('http://www.baidu.com')
else:
error_msg='用户名或密码错误'
return render(request, "login.html",{'error_msg':error_msg})
前端页面
以{{error_msg}}形式写，可以理解为是一个占位符。
<span style="color: red">{{ error_msg }}</span>
当后端传值过来的时候，就做一个替换。
完整代码如上：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/commons.css">
</head>
<style>
label {
width: 80px;
text-align: right;
display: inline-block;
}
#submit {
margin-left: 100px;
width: 100px;
height: 30px;
}
</style>
<body>
<form action="/login" method="post">
<p>
<label for="username">用户名:</label>
<input type="text" name="username"><br>
</p>
<p>
<label for="passoword">密码:</label>
<input type="password" name="password">
<span style="color: red">{{ error_msg }}</span>
<br>
</p>
<input type="submit" id="submit">
</form>
<script src="/static/jquery-3.6.0.min.js"></script>
</body>
</html>
原文链接:https://blog.csdn.net/qq_37924905/article/details/119026097
所属网站分类: 技术文章 > 博客
作者：小酷狗
链接：http://www.pythonpdf.com/blog/article/487/29f93f45955025d67de5/
来源：编程知识网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
29
0
收藏该文
昵称:
评论内容：(最多支持255个字符)
程序员的那些事(new)
电子书(new)
博客(new)
视频教程(new)
问答(new)
游戏(new)