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

登录功能完成:

  1. js:设置return
  2. html:设置
    1. form
    2. input
  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,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()
    
    #user=User(username='yyyy1',password='111111')
    #db.session.add(user)
    #db.session.commit()
    
    #user = User.query.filter(User.username == 'yyyy1').first()
    
    
    #user=User.query.filter(User.username=='yyyy1').first()
    #user.password='234567'
    #print(user.username,user.password)
    #db.session.commit()
    
    #user=User.query.filter(User.username == 'yyyy1').first()
    #db.session.delete(user)
    #db.session.commit()
    #
    @app.route('/')
    def base2():
        return render_template('base2.html')
    
    
    @app.route('/login2/', methods=['GET','POST'])
    def login2():
        if request.method=='GET':
            return render_template('login2.html')
        else:
            usern=request.form.get('username')
            passw= request.form.get('password')
            user=User.query.filter(User.username==usern).first()
            if user:
                    if user.password == passw:
                        session['user'] = usern
                        return redirect(url_for('base2'))
                    else:
                        return "密码错误,请重新输入。"
            else:
                        return "用户名不存在!"
    
    
    @app.route('/register2/', methods=['GET','POST'])
    def register2():
        if request.method=='GET':
            return render_template('register2.html')
        else:
            usern=request.form.get('username')
            passw= request.form.get('password')
            user=User.query.filter(User.username==usern).first()
            if user:
                return 'username existed'
            else:
                user=User(username=usern,password=passw)
                db.session.add(user)
                db.session.commit()
                return redirect(url_for('login2'))
    
    
    
    
    if __name__ == '__main__':
        app.run(debug=True)
    import os
    SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:@127.0.0.1:3306/mis_db?charset=utf8'
    SQLALCHEMY_TRACK_MODIFICATIONS = False
    
    SECRET_KEY = os.urandom(24)
    {% extends'base2.html' %}
    {% block title %}
        Login
    {% endblock %}
    {% block head %}
         <link href="{{ url_for("static",filename="css/1.css") }}" rel="stylesheet" type="text/css">
        <script src="{{ url_for("static",filename="js/denglu.js") }}"></script>
    {% endblock %}
    {% block main %}
    <body>
    <div class="box">
        <form action="{{ url_for('login2') }}" method="post">
     <div id="container" style="width: 400px"align="center">
          <div id="header" style="background-color:lightskyblue"><h2 align="center" style="margin-bottom: 0;">会员登录</h2></div>
          <div id="content" style="background-color:lightpink;height:205px;width:400px;float:left;">
                <p></p>
              <div class="input_box">
                  Username:<input id="username"type="text" name="username"placeholder="请输入用户名" name="username"><br>
              </div>
                   <br>
                  <div class="input_box">
                  Password:<input id="password"type="password" name="password"placeholder="请输入登录密码" name="password"><br>
                   </div>
              <div id="error_box"><br></div>
              <div class="input_box">
                    <input type="radio">普通会员
                        <input type="radio">金牌会员
                        <input type="radio">钻石会员 </div><br>
                 <div class="input_box">
                     <button οnclick="return fnLogin()">登录</button>
                     <button type="button" οnclick=window.alert("是否取消登录!")>取消</button>
    
    </div>
     </div>
     </div>
        </form>
    </div>
    </div>
    </body>
    {% endblock %}
    </html>
    function fnLogin() {
            var oUname = document.getElementById("username")
           var oError = document.getElementById("error_box")
           var opassward = document.getElementById("password")
        var isError=true;
           oError.innerHTML="<br>"
           //uname
      if (oUname.value.length < 6 || oUname.value.length > 20) {
        oError.innerHTML = "用户名6-20位";
         isError=false;
          return isError;
    } else if ((oUname.value.charCodeAt(0) >= 48) && (oUname.value.charCodeAt(0) <= 57)) {
        oError.innerHTML = "用户名首字母不能是数字";
         isError=false;
          return isError;
     } 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="用户名只能是字母或数字";
                    isError = false;
                    return isError;
             }
                    }
    //upass
         if(oUpass.value.length<6 || oUpass.value.length>12){
                oError.innerHTML="密码6-12位";
                isError = false;
                 return isError;
            }
            window.alert("登录成功")
        }

     

转载于:https://www.cnblogs.com/Carrie-chong/p/7881015.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值