Flask框架 实现一个简单的动态登陆页面

Flask
flask是一种轻型框架适用于小型项目

Flask框架安装
1可以使用 pip安装flask模块
2可以使用Python自带的flask项目 创建一个项目 系统会自动帮你安装flask模块，并且自动搭建好
搭建好后效果如下

下面是用Flask框架实现的一个小型前后端交互的一个登陆

代码如下
app.py

from flask import Flask, render_template,request,Response,session,url_for
import config
from config_class import *
from datetime import timedelta
app = Flask(__name__)
#是使用config.py文件定义配置
app.config.from_object(config)
#是使用
app.config.from_object(DebugConfig)

app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(minutes=30)#设置session保存时间



@app.route('/')

def index():
    return render_template('index.html')
@app.route('/login.do',methods=['POST','GET'])
def login():
    print(url_for('login'))#通过函数名找函数对应的地址
    userName = request.form.get('userName')#表单提交的数据用form
    #链接提交的数据用arg
    userPwd = request.form.get('userPwd')
    if userName=='zhangsan' and userPwd=='123456':
        session['user']='zhangsan'

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

    return render_template('login.html')

    pass
@app.route('/logout.do',methods=['POST,GET'])
def logout():
    pass





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

config.py

'''
自定义配置文件
'''
DEBUG = True
SECRET_KEY = 'AAAAAAAAAAAAAAAAAA'
PAGE_SIZE = 10

SERVER_ADDR = '10.0.14.98'
SERVER_POST = 80
# 传地值是以字典类型传过去的

# http是不加密的
# https是加密的

HTML页面
index.html

	
		
		
		
		
	
	
		

			

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

                
			
		
		

			

				

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

				

					a
					
				
			
			

				
aaaa
			
		
		

			左广告
		
		

			右广告
		
	

login.html

    
    
    
{#    #"static/css/style.css"#}



        

            {{ message}}>>

                
                

                    
 用户名：

                
                 

                    
密码：