post与后端django数据交互

最新推荐文章于 2022-04-25 21:27:40 发布

hizon1502

最新推荐文章于 2022-04-25 21:27:40 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue Python Django

原文链接：https://blog.youkuaiyun.com/qq_41000891/article/details/82902294

Python 同时被 3 个专栏收录

13 篇文章

订阅专栏

vue

3 篇文章

订阅专栏

Django

1 篇文章

订阅专栏

本文详细介绍了前后端分离架构下，实现用户登录功能的具体代码实现。前端使用Vue框架结合axios进行HTTP请求，后端采用Python的Django框架处理登录逻辑。文章通过具体代码示例，展示了如何从前端收集用户信息，发送到后端进行验证，并根据后端返回的状态和消息，完成用户登录流程。

参考办法：

https://blog.youkuaiyun.com/qq_41000891/article/details/82902294

【前端】

loginsubmit(){
console.log(this.UserName+this.UserPwd);
axios.post("http://localhost:8000/baseapi/login",{
userid:"zhonghangAlex",
password:"woaini123"
}).then((response)=>{
let res = response.data;
console.log(res);
this.$router.push('/user/userindex')
});

}

【后端】

def login(request):
if request.method == 'GET':
return HttpResponse('{"status":"0","message":"请使用post请求","result":"null"}')
elif request.method == 'POST':
req = json.loads(request.body)
req_userid = req['userid']
req_password = req['password']
if req_userid and req_password:
try:
login_obj = models.T_user_info.objects.filter(userid = req_userid,password = req_password).first()
except:
return HttpResponse('{"status":"0","message":"用户名或密码错误","result":"null"}')
else:
request.session['userid'] = login_obj.userid
request.session['power'] = login_obj.power
return HttpResponse('{"status":"1","message":"登陆成功","result":{"power":"'+str(login_obj.power)+'"}}')
else:
HttpResponse('{"status":"0","message":"输入有误，请重新输入","result":"null"}')