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

登录功能完成：

  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 
    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{%block title %}{% endblock %}导航</title>
    <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/daohang.css')}}">
</head>
<body bgcolor="#00ffff">
<ul>
    <li><a class="active" >首页</a></li>
    <li><a >新闻</a></li>
    <li><a >图库</a></li>
    <li><a >关于</a></li>
    <input class="eat" type="text" name="sousuo" value="请输入内容">
    <input class="eat"type="button" name="submit" value="搜索">
    <li><a href="{{ url_for('denglu') }}">登录</a></li>
    <li><a href="{{ url_for('zhuce') }}">注册</a></li>
</ul>
{% block main %}{% endblock %}
{% block ma %}{% endblock %}
</body>
</html>
    {% extends'daohang.html' %}
{% block title %}
<h1>登录</h1>
{% endblock %}
{% block main %}
    <head>
 <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/denglu.css') }}">
    <script src="../static/js/denglu.js"></script>
</head>
<body>
<div class="one"> <h2>登录</h2>
        <form action="{{ url_for('deng') }}"method="post">
       <div class="input_box"  >
           <input id="uname" 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>
   </div>
</form>
  </div>
</div>
</body>
{% endblock %}
    function fnLogin() {
        var oUname = document.getElementById("uname");
        var oError = document.getElementById("error_box");
        var opassward = document.getElementById("upass");
         var isError=true;
    oError.innerHTML = "<br>";
 
 if(oUname.value.length<6 || oUname.value.length >12){
        oError.innerHTML="用户名6-12";
        isError=false;
        return isError;
    }else if ((oUname.value.charCodeAt(0)>=48) && (oUname.value.charCodeAt(0)<=57)){
        oError.innerHTML="第一位只能是字母";
       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="只能是字母或数字";
            return false;
        }
    }
    if(opassward.value.length<6 || opassward.value.length>12){
        oError.innerHTML="密码6-12位";
        return false;
    }
 
   window.alert("登录成功！")
}
    from flask import Flask,render_template,request,redirect,url_for
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)
    nickname = db.Column(db.String(20))
 
db.create_all()
user=User(username='mis1234',password='111111')
db.session.add(user)
db.session.commit()
 
@app.route('/')
def danghang():
    return render_template("daohang.html")
 
@app.route('/deng/',methods=['get','post'])
def denglu():
    if request.method == 'get':
        return render_template("denglu.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:
            return  redirect(url_for('danghang'))
        else:
           return u'passwoed error'
    else:
        return u'username is not existed'
 
 
@app.route('/zhu/',methods=['get','post'])
def zhuce():
    if request.method=='get':
     return render_template("zhuce.html")
    else:
        usern=request.form.get('username')
        nickn= request.form.get('nickname')
        passw= request.form.get('password')
        user=User.query.filter(User.username==usern).first()
        if user:
            return u'username existed'
        else:
            user1=User(username=usern,password=passw,nickname=nickn)
            db.session.add(user1)
            db.session.commit()
            return redirect(url_for("deng"))
 
if __name__ == '__main__':
    app.run(debug=True)

     

posted on 2017-11-23 21:30  083李笑晴  阅读(355)  评论(0)  编辑  收藏  举报

导航