Flask网页应用框架

文章目录

什么是Flask？

  • Flask是python编写的， Web应用框架；微内核的web框架; —小型网站
  • Django:全能型框架; — 大型网站（ERP）

Flask使用前要先进行安装操作。
flask访问的默认网址为：127.0.0.1:5000

学习Flask应该掌握：

  • 如何实现简单的web服务网站?
  • 什么是路由?
  • 什么是视图函数?

如何实现简单的web服务网站?

  • flask的基本框架
导入Flask类：
from flask import Flask
app = Flask(__name__)   
运行：
if __name__ == '__main__':
    app.run()

导入Flask类

from flask import Flask
app = Flask(__name__)

实现主页：

@app.route('/')
def index():
    return  "这是网站的主页"

基本路由 /login/—访问路径
视图函数 告诉app当用户访问/login/这个路径时， 执行login函数的内容， 最终将return的内容返回给客户端;

@app.route('/login/')
def login():
    return  '<h1 style="color:red">login......</h1>'#设置字体大小，颜色等属性

运行指令：
运行Flask应用
运行Flask应用
如何设置， 使得服务奇特主机的浏览器可以访问? '0.0.0.0’开放所有的IP， 使得可以访问
如何修改端口? # 可能会报错:Address already in use
app.run(host=IP, port=端口)

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8080)

在这里插入图片描述
在这里插入图片描述

路由变量与规则

访问的网址如下:
# http://www.douban.org/123457677/comments/
# http://www.douban.org/123457673/comments/
# http://www.douban.org/123457674/comments/
# http://www.douban.org/123457675/comments/

动态路由:
http://www.douban.org/<>/comments/

常用动态路由的规则:
1). url路由的一部分可以标记为变量, <变量名>;
 2):. flask中路由变量可以指定的类型: int, string, float, uuid

request叫做请求上下文

from flask import  Flask, request
app = Flask(__name__)

常用动态路由的规则:
1). url路由的一部分可以标记为变量, <变量名>;
2):. flask中路由变量可以指定的类型: int, string, float, uuid

@app.route("/<int:id>/comments/")
def comments(id):
    return "这是一个%s评论页面" %(id)

字符串

@app.route("/welcome/<string:username>/")
def welcome(username):
    return  "<h1>欢迎用户%s登陆网站</h1>" %(username)

重点request：
Flask 从客户端收到请求时,要让视图函数能访问一些对象,这样才能处理请求。
请求对象就是一个很好的例子,它封装了客户端发送的 HTTP 请求。即request；
解决问题:
特殊的URL地址: http://www.baidu.com/query?id=123&name=westos
http://127.0.0.1:5000/login2/?username=westos&password=westos

@app.route('/query')
def query():
    # 获取客户端的用户代理;
    user_agent = request.user_agent
    # 获取客户端的IP地址;
    req_addr = request.remote_addr
    # 获取用户请求url地址里面key值对应的value值;
    id = request.args.get('id')
    name = request.args.get('name')

    # 查看客户端的HTTP请求方式;
    reqMethod = request.method

    # 将字符串信息返回给客户端浏览器/其他, 默认以html方式显示， 如果需要换行， 加html的标签<br/>;
    return  """
    请求的用户代理: %s  <br/>
    请求的客户端Ip： %s  <br/>
    请求的id号: %s   <br/>
    用户名: %s  <br/>
    请求方式: %s
    """ %(user_agent, req_addr, id, name, reqMethod)

运行:

if __name__ == '__main__':
    app.run()

登陆验证之hjttp请求方法GET实现案例

HTTP请求的方法:
GET:
1). 获取页面信息;
2). 可以提交数据信息;但是数据不安全;
http://127.0.0.1:5000/login2/?username=westos&password=westos
POST:
提交服务端需要的请求信息；有利于数据的安全性;
PUT：
DELETE：


from flask import Flask, render_template, request, redirect

app = Flask(__name__)
@app.route('/')  
def index():
    return  "<h1>主页</h1>"

@app.route('/login/')
def login():
    # 一般情况， 不会直接把html文件内容直接返回；
    # 而是将html文件保存到当前的templates目录中；
    #       1). 通过render_template方法调用;
    #       2). 默认情况下,Flask 在程序文件夹中的 templates 子文件夹中寻找模板。
    return  render_template('login.html')


@app.route('/login2/')
def login2():
    # 获取用户输入的用户名
    username = request.args.get('username', None)
    password = request.args.get('password', None)
    # 逻辑处理， 用来判断用户和密码是否正确;
    if username == 'root' and password == 'redhat':
        # 重定向到指定路由；
        return  redirect('/')
        # return "登录成功"
    else:
        return  "登录失败"

if __name__ == '__main__':
    app.run()

新建文件login.html，写入内容;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>



<h1>用户登录</h1>

<!--将form表单提交的数据传输给/login2/这个路由-->
<form action="/login2/">
    <!--相当于key值， 输入的数据相当于value值;-->
    用户： <input type="text" placeholder="用户名" name="username"><br/>
    密码: <input type="password" placeholder="密码" name="password"><br/>

    <input type="submit"  value="登录">


</form>
</body>
</html>

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

登陆验证值http请求值POST方法

默认路由只支持get方法， 需要指定接受post方法：
@app.route(’/login/’, methods=[‘GET’, ‘POST’])

from flask import  Flask, request, render_template, redirect
app = Flask(__name__)


@app.route('/')
def index():
    return  "这是主页"


# 默认路由只支持get方法， 如何指定接受post方法?
@app.route('/login/', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        # 难点: post请求提交的数据如何获取?
        print(request.form)
        username = request.form.get('username', None)

        password = request.form.get('password', None)
        # 如果用户名和密码正确， 跳转到主页;
        if username == 'root' and password == 'redhat':
            return  redirect('/')
        # 如果登录不正确， 则警告红色信息;还是在登录页面;
        else:
            # 可以给html传递变量
            return  render_template('login_post.html',
                                    errMessages="用户名或者密码错误"
                                    )
    else:
        return  render_template('login_post.html')


@app.errorhandler(404)
def page_not_found(e):
    return  render_template("404.html"), 404

@app.errorhandler(500)
def internal_server_error(e):
    return  render_template("500.html"), 500
if __name__ == '__main__':
    app.run()

新建文件login_post.html，写入内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<h1>用户登录</h1>

<!--将form表单提交的数据传输给/login2/这个路由-->
<form action="/login/" method="post">
    <!--相当于key值， 输入的数据相当于value值;-->
    用户： <input type="text" placeholder="用户名" name="username"><br/>
    密码: <input type="password" placeholder="密码" name="password"><br/>

    <input type="submit" value="登录">


    <span style="color: red">{{ errMessages }}</span>

</form>
</body>
</html>

新建文件404.html，写入内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1 style="color: red">404</h1>
</body>
</html>

新建文件500.html，写入内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 style="color: green"> 服务器正忙， 请稍后再试</h1>
</body>
</html>

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

自定义错误页面

  • 1). 为什么要自定义错误页面?
    如果你在浏览器的地址栏中输入了不可用的路由,那么会显示一个状态码为 404 的错误页
    面。现在这个错误页面太简陋、平庸.

  • 2). 如何自定义错误页面?
    像常规路由一样,Flask 允许程序使用基于模板的自定义错误页面。
    最常见的错误代码有两个:
    - 404,客户端请求未知页面或路由时显示;
    - 500,有未处理的异常时显示。
    -

版权声明：本文为weixin_42213622原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。