完成登录功能，用session记住用户名

登录功能完成：

js:设置return
html:设置
1. form
2. input
3. onclick="return fnLogin()"
py:
1. @app.route设置methods
2. GET
3. POST
  1. 读取表单数据
  2. 查询数据库
    1. 用户名密码对：
      1. 记住用户名
      2. 跳转到首页
    2. 用户名密码不对：
      1. 提示相应错误。

session：

从`flask`中导入`session`
设置`SECRET_KEY`

操作字典一样操作`session`：增加用户名`session['username']=`username

from flask import Flask,request,render_template,redirect,url_for,session
from flask_sqlalchemy import SQLAlchemy
import config
from functools import wraps
from  datetime import datetime

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)
    nickname = db.Column(db.String(50))


#db.create_all()

#增加数据
#user=User(username = 'shanshan1',password = '111111')
#db.session.add(user)
#db.session.commit()

#查询数据
#user=User.query.filter(user.username == 'shanshan1').first()
#print(user.id,user.username,user.password)


#修改数据
#user=User.query.filter(user.username == 'shanshan3').first()
#user.password = '0000'
#db.session.commit()

#删除数据
#user=User.query.filter(user.username == 'shanshan3').first()
#db.session.delete(user)
#db.session.commit()


@app.route('/')
def index():
    return  render_template('shouye.html')
@app.route(   '/manhua')
def manhua():
    return  render_template('manhua.html')

@app.route('/login',methods=['GET','POST'])
def login():
    if request.method =='GET':
        return render_template('denglu.html')
    else:
        name = request.form.get('name')
        passw = request.form.get('password')
        user = User.query.filter(User.username == name).first()
    if user:
       if user.password==passw:
           session['user']=name
           return redirect(url_for("manhua"))
       else:
           return "密码错误！"
    else:
        return "用户名不存在！"

@app.route("/register",methods=['GET','POST'])
def register():
    if request.method == 'GET':
        return render_template("login.html")
    else:
        name = request.form.get('name')
        passw = request.form.get('password')
        user = User.query.filter(User.username == name).first()
    if user:
        return "用户名已存在！"

    else:
        user = User(username=name, password=passw)
        db.session.add(user)
        db.session.commit()
        return render_template("login.html")



if __name__ == '__main__':
    app.run(debug=True)

{% extends'shouye.html' %}
{% block title %}
    register
{% endblock %}
    {% block head %}
   <link rel="stylesheet" type="text/css" href="login.css">
    <script src="login.js"></script>
{% endblock %}
{% block main %}
<body>
<div class="bigbox">
      <div class="box">
          <h2>♛游民星空账号登录♛</h2>

       <div class="input_box">
           账号：<input id="umane"type="text"placeholder="请输入账号">
       </div>
        <div class="input_box">
            密码：<input id="upass"type="password"placeholder="请输入密码">
       </div>
          <div id="error_box"><br>
          </div>
          <div class="input_box">
              <button onclick="myLogin()">登录</button>
               <button onclick=window.alert("是否取消登录？")>取消</button></div>
          </div>
               </div>

</body>
{% endblock %}

function myLogin() {
            var oUname = document.getElementById("umane");
            var oError = document.getElementById("error_box");
             var oUpass = document.getElementById("upass");
            oError.innerHTML = "<br>"
     //oUname
        if (oUname.value.length>12 || oUname.value.length<6){
            oError.innerHTML = "账号长度为6~12位";
            return;
         } else if((oUname.value.charCodeAt(0)>=48) && oUname.value.charCodeAt(0)<=57){

            oError.innerHTML = "账号首位只能为字母";
            return;
        }else for(var i=0; i<oUname.value.length;i++)
        {

     if((oUname.value.charCodeAt(i)<48 || oUname.value.charCodeAt(i)>57)&&(oUname.value.charCodeAt(i)<97 || oUname.value.charCodeAt(i)>122 )){
                    oError.innerHTML = "账号中含有非法字符";
                    return;
                }
            }


            if(upass.value.length>12 || upass.value.length<6){
                oError.innerHTML="password;6-12";
                return;
            }
            window.alert("登陆成功 ！")

        }

posted @ 2017-11-22 19:47 073徐英杰阅读(154) 评论(0) 编辑收藏举报

刷新页面返回顶部

Jay

完成登录功能，用session记住用户名

公告