当前位置:   article > 正文

【Flask】使用Python Web轻量级框架Flask实现登录功能_flask登录界面

flask登录界面

1 前言

最近学习了基于python 的flask web框架,能实现一个简单的登录界面。Flask是一个轻量级的可定微型制框架,使用python编写。其优点是灵活、轻便、安全,能在短时间内完成一个轻量级的网页。虽然Flask”微小”但其极具扩展性且自由,它没有默认使用的数据库和窗口验证工具。

2 实现功能所需要的库

安装flask库

pip install flask

要调用的子模块有request,redirect,render_template,session

分别作用是:

request:处理请求的机制,

方法有:

request.method:获取前端提交请求方式

request.form:获取form表单中传递过来的值

reques.args:获取url中传递的参数

等等。

redirect:根据路由跳转页面

render_template:找到并返回html页面,默认文件夹是templates如果要更改

是app=Flask(__name__,template_folder='xxx' )

session:验证登录状态

3 Python代码:

  1. from flask import Flask, request,  redirect, render_template,session
  2. app = Flask(__name__)
  3. app.secret_key='QWERTYUIOP'#对用户信息加密
  4.  
  5. @app.route('/login',methods=['GET',"POST"])#路由默认接收请求方式位POST,然而登录所需要请求都有,所以要特别声明。
  6. def login():
  7.     if request.method=='GET':
  8.         return  render_template('login.html')
  9.     user=request.form.get('user')
  10.     pwd=request.form.get('pwd')
  11.     if user=='admin' and pwd=='123':#这里可以根据数据库里的用户和密码来判断,因为是最简单的登录界面,数据库学的不是很好,所有没用。
  12.         session['user_info']=user
  13.         return redirect('/index')
  14.     else:
  15.         return  render_template('login.html',msg='用户名或密码输入错误')
  16.  
  17. @app.route('/index')
  18. def index():
  19.     user_info=session.get('user_info')
  20.     if not user_info:
  21.         return redirect('/login')
  22.     return 'hello'
  23.  
  24. @app.route('/logout')
  25. def logout_():
  26.     del session['user_info']
  27.     return redirect('login')
  28.  
  29. if __name__ == "__main__":
  30.     app.run()

4.HTML代码:

  1. <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.      <meta  charset="UTF-8">
  5.      <title>用户登录</title>
  6.  </head>
  7.  <body>
  8.      <h1>登录</h1>
  9.      <form  method="post">
  10.          <input type="text"  name="user" >
  11.          <input  type="password" name="pwd" >
  12.          <input  type="submit" name="登录">{{msg}}
  13.      </form>
  14.  </body>
  15.  </html>

5 效果展示

因主要介绍Flsak后台,前端HTML就是用最简的方式。

图片

图1运行界面

图片

图2登录界面

图片

图3 正确密码登录

图片

图4登录成功

图片

图5错误登录

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号