全国服务热线:4008-888-888

技术知识

微信小程序制作教程_Vue+Flask完成简略的登录验证

Vue+Flask实现简单的登录验证跳转的示例代码       本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

文件位置:

<

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Login /title 
 script type="text/javascript" src="../static/vue.js" /script 
 script type="text/javascript" src="../static/axios.js" /script 
 /head 
 body 
 div id="login" 
 form action="#" novalidate 
 label for="username" Username /label 
 input type="text" name="username" id="username" placeholder="Enter your Name" v-model="username" br 
 label for="password" Password /label 
 input type="text" name="password" id="password" placeholder="Enter your Password" v-model="password" br 
 button type="button" v-on:click="login" Apply /button 
 /form 
 /div 

from flask import Flask, request, session, redirect, url_for, render_template, make_response, jsonify app = Flask(__name__)
session['username'] = request.json.get('username') session['password'] = request.json.get('password') # 登录成功,则跳转到index页面 return jsonify({'code': 200, 'token': "123456"}) # 登录失败,跳转到当前登录页面 ')
# 如果用户名和密码都存在,则跳转到index页面,登录成功 if 'username' in session and 'password' in session: ') # 否则,跳转到login页面 return redirect(url_for('login'))
# set the secret key. keep this really secret: app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/, RT'


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服