码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-11-22 22:01:11      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:dex   wrap   ima   box   let   ace   rem   img   tle   

登录功能完成:

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

session:

  1. 从`flask`中导入`session`
  2. 设置`SECRET_KEY`
  3. 操作字典一样操作`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)

    login.html

    {% extendsshouye.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 %}

    login.js

    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("登陆成功 !")
    
            }

    技术分享图片技术分享图片技术分享图片

                

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

标签:dex   wrap   ima   box   let   ace   rem   img   tle   

原文地址:http://www.cnblogs.com/xyjie/p/7880953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!