Flask框架 验证码登录

Flask 是一个微框架，主要面向需求简单的小应用 ，让开发者来选择如何存储数据等操作，随意性更强。

Flask创世与2010年年中，尽管Falsk的历史较短，但他能够从以前的框架学到一些东西并且将它的目标设定在了小型项目上

Flask是基于Werkzeug，jinjia2异界美好意愿构想的python微框架

 

app.py 可以写一些运行脚本

工程下static文件夹可以用来存放一些网站的css img js 等文件

templates文件内放如需要的html文件

使用flask实现简单的登录程序

app.py代码如下：

from flask import Flask, render_template,request,session
import config
from config_class import *

app = Flask(__name__)
app.config['DEBUG'] = True
app.config['SECRET_KEY'] = 'AAAABBBB'



#使用config。py文件定义配置
app.config.from_object(config)
#使用class类的属性
#app.config.from_object(DebugConfig)

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


@app.route('/login.do',methods=['POST','GET'])
def login():
    userName = request.form.get('userName')
    userPwd = request.form.get('userPwd')

    if userName == 'zhangsan' and userPwd =='123456':
        session['userName'] = 'zhangsan'
        return render_template('index.html')
        pass
    elif userName!=None and(userName!='zhangsan' or userPwd !='123456'):
        return render_template('login.html',message='用户名或密码错误！')
        pass
    return render_template('login.html')
    pass

# @app.route('/logout.do',message=['POST','GET'])
# def logout():
#     pass
# urlDict = {'/login.do':login,'/':index,'/logout.do':logout}

if __name__ == '__main__':
    app.run(host=app.config['SERVER_ADDR'],port=app.config['SERVER_PORT'],debug=True)

 

login.html代码如下：

    
    
    


    



        {{ message }}

            
            

                

                     用户名:
                
            
                        

                

                     用户名:
                
            
            

                

                    
                    
                
            
        
    

 

index.html代码如下：

   
      
      
      
      
   
   
      

         

                

                

                
                    {% if session.get('userName')==None %}
                        登录
                    {% else %}
                        {{ session.get('userName') }}
                    {% endif %}
                
            首页首页首页首页首页首页首页首页
         
      
      

         

            

               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能
               
人工智能

            
         
         

            

               a
               
            
         
         

            
aaaa
         
      
      

         左广告
      
      

         右广告
      
   

 

style.css代码如下：

@charset "utf-8";
body{
   text-align: center;
}
div{
   /*background-color: darkgrey !important;
   background-color: #2E8B57 !important;*/
}
table{
   BACKGROUND-COLOR: seagreen;
   font-family: "楷体";
   font-size: 50px;
   width: 400px;
}

TABLE{
   background-color: #FF00FF; 
}

#P1{
   background-color: ghostwhite;
}
#p1{
   background-color: lightgreen;
}
.C1{
   background-color: #FF00FF;
}

.C2{
   font-family: "mv boli";
   font-size: 20;
}
h1,h2,h3,h4,h5{
   color: #2E8B57;
}
ul li .name2{
   
}
a:visited{
   color: white;
}
a:hover{
   color:white;
}

 

效果如下：