-
登录功能完成:
- js:设置return
function fnLogin(){ var uName = document.getElementById("uname"); var uPass = document.getElementById("upass"); var uError = document.getElementById("error_box"); var isError=true; uError.innerHTML="<br>" //用户名 if(uName.value.length<6|| uName.value.length>12) { uError.innerHTML = "用户名需在6-12位中间"; isError=false; return isError; } else if ((uName.value.charCodeAt(0)>=48)&&(uName.value.charCodeAt(0)<=57)){ uError.innerHTML = "用户名开头不能为数字"; isError=false; return isError; } else for(var i=0;i<uName.value.length;i++){ if((uName.value.charCodeAt(i)<48 || uName.value.charCodeAt(i)>57)&&(uName.value.charCodeAt(i)<97 ||uName.value.charCodeAt(i)>122)){ uError.innerHTML = "用户名只能为数字或字母"; isError=false; return isError; } } //密码 if(uPass.value.length>12||uPass.value.length<6){ uError.innerHTML="密码需在6-12位中间"; return; } window.alert("登录成功!") }
html:设置
- form
- input
-
οnclick="return fnLogin()"
-
-
{% extends'index.html' %} {% block head %} <link rel="stylesheet" href="{{ url_for('static',filename='css/logsign.css')}}" type="text/css"> <script src="{{ url_for('static',filename='js/login.js') }}"></script> {% endblock %} {% block main %} <body> <div class="pen-title"> <h1>登 录</h1> </div> <div class="from"> <h2>请登录您的账号</h2> <form class="form" method="post" action="{{ url_for('signin') }}"> <div class="input_box"> <input id="uname" type="text" placeholder="请输入用户名" name="username"> </div> <br> <div class="input_box"> <input id="upass" type="password" placeholder="请输入密码" name="password"> </div> <div id="error_box"><br></div> <div class="login_box"> <button onclick="fnLogin()">登录</button> </div> </form> </div> {% endblock </body> </html>%}
-
- py:
-
- @app.route设置methods
- GET
- POST
- 读取表单数据
- 查询数据库
- 用户名密码对:
- 记住用户名
- 跳转到首页
- 用户名密码不对:
- 提示相应错误。
- 用户名密码对:
session:
- 从`flask`中导入`session`
- 设置`SECRET_KEY`
- 操作字典一样操作`session`:增加用户名`session['username']=`username
redirect重定向到登录页
from flask import Flask,render_template,request,redirect,url_for,session
from flask_sqlalchemy import SQLAlchemy
import config
app = Flask(__name__)
app.config.from_object(config)
db=SQLAlchemy(app)
class User(db.Model):
__tablename__ = 'User'
id = db.Column(db.Integer,primary_key=True,autoincrement=True)
username = db.Column(db.String(20),nullable=False)
password = db.Column(db.String(20),nullable=False)
#db.create_all()
@app.route('/')
def home():
return render_template('index.html')
@app.route('/login/',methods=['GET','POST'])
def login():
if request.method == 'GET':
return render_template('login.html')
else:
username = request.form.get('username')
password = request.form.get('password')
user = User.query.filter(User.username == username).first()
if user:
if user.password == password:
session['user']=username
session.permanent = True
return redirect(url_for('home'))
else:
return 'password error'
else:
return 'username is not existed.'
@app.route('/signin/',methods=['GET','POST'])
def sign_up():
if request.method == 'GET':
return render_template('signin.html')
else:
username = request.form.get('username')
password = request.form.get('password')
user = User.query.filter(User.username == username).first()
if user:
return 'username existed.'
else:
user1 = User(username=username, password=password)
db.session.add(user1)
db.session.commit()
return redirect(url_for('login'))
@app.route('/question/')
def question():
return render_template('question.html')
if __name__ == '__main__':
app.run(debug=True)