zoukankan      html  css  js  c++  java
  • 第三篇 request篇

    每个框架中都有处理请求的机制(request),但是每个框架的处理方式和机制是不同的

    为了了解Flask的request中都有什么东西,首先我们要写一个前后端的交互

    基于HTML + Flask 写一段前后端的交互

    login.html写入

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>标题</title>
    </head>
    <body>
    <p>登录页面</p>
    <form action="" method="post" enctype="multipart/form-data">
    <span>用户</span><input type="text" name="username">
    <span>密码</span><input type="password" name="pwd">
    <span>密码</span><input type="file" name="file">
    <button>登录</button>

    </form>


    </body>
    </html>

    flask的py文件写入

    from flask import Flask, render_template, redirect, send_file, jsonify, request

    app = Flask(__name__)


    @app.route('/')
    def index():
    # return jsonify({'name': "aaa", 'age': 77})
    # return json.dumps({'name': "aaa", 'age': 77})
    # return send_file("1.png")
    return send_file("2.mp4")
    # return redirect("/login") # "hello world"


    @app.route('/login', methods=('GET', 'POST'))
    def login():
    # print(request.url) # http://localhost:8080/login?id=1&age=20 #url栏中所有内容所有的
    # print(request.url_root) # http://localhost:8080/
    # print(request.url_charset) # utf-8 请求头获取当前所用的格式
    # print(request.url_rule) # /login 路由的路径
    # print(request.host_url) # http://localhost:8080/
    # print(request.base_url) # http://localhost:8080/login

    if request.method == 'GET':
    # print(request) # <Request 'http://127.0.0.1:8080/login' [GET]>

    return render_template("login.html")
    if request.method == 'POST':
    # print(request) # <Request 'http://127.0.0.1:8080/login' [POST]>
    # print(request.form) # ImmutableMultiDict([('username', 'aaa'), ('pwd', '111')]) # 存储的是所有FormData中的所有数据
    # print(request.args) # ImmutableMultiDict([('id', '1'), ('age', '20')]) # 存储的是所有URL中的所有数据
    # print(request.json) # None # 当Content-Type: application/json 存放在request.json中(ajax等类型的请求用这个)
    # print(request.data) # b'' # Content-Type不正经的无法被解析时,存放原始数据

    # print(request.values)
    # # CombinedMultiDict([ImmutableMultiDict([('id', '1'), ('age', '20')]), ImmutableMultiDict([('username', 'aaa'), ('pwd', '111')])])
    #
    # print(request.values.to_dict()) # {'username': 'aaa', 'pwd': '111', 'id': '1', 'age': '20'} # 获得字典

    # print(request.cookies) # 获取cookies
    # print(type(request.headers)) # <class 'werkzeug.datastructures.EnvironHeaders'>
    # print(request.headers) # 请求头相关

    print(request.files) # ImmutableMultiDict([('file', <FileStorage: '1.png' ('image/png')>)])
    print(request.files.get('file')) # <FileStorage: '1.png' ('image/png')>
    my_file = request.files["file"]
    my_file.save("1.png") # 保存方法
    username = request.form.get('username')
    pwd = request.form.get('pwd')

    if username == 'aaa' and pwd == '111':
    return redirect('/home')
    return render_template('hello flask.html')


    @app.route('/home')
    def home():
    return '登陆成功'


    app.run(host='0.0.0.0', port=8080, debug=True)

    解释一个 

    @app.route('/login', methods=('GET', 'POST'))
    methods=('GET', 'POST') 代表这个url地址只允许 GET POST 请求,是个列表也就是意味着可以允许多重请求方式.
    1.request.method 
    print(request.method) # POST 看来可以使用这种方式来验证请求方式了
    
    
    2.request.form
        print(request.form)  # ImmutableMultiDict([('username', 'aaa'), ('pwd', '111')])
        # ImmutableMultiDict 它看起来像是的Dict 就用Dict的方法取值试一下吧
        print(request.form["user"])  # aaa
        print(request.form.get("pwd"))  # 111
        # 看来全部才对了, ImmutableMultiDict 似乎就是个字典,再来玩一玩它
        print(list(request.form.keys()))  # ['user', 'pwd'] 看来是猜对了
        #如果以上所有的方法你都觉得用的不爽的话
        req_dict = dict(request.form)
        print(req_dict)  # 如果你觉得用字典更爽的话,也可以转成字典操作(这里有坑)


    3.request.args
        print(request.args)    # ImmutableMultiDict([('id', '1'), ('age', '20')])  # 存储的是所有URL中的所有数据
        print(request.args["id"])  # 1
        print(request.args.get("age"))  # 20
        print(list(request.args.keys()))  # ['id', 'age']
        print(list(request.args.values()))  # ['1', '20']
        req_dict = dict(request.args)  # {'id': ['1'], 'age': ['20']}
        print(req_dict)

    request.args 与 request.form 的区别就是:

    request.args 是获取url中的参数

    request.form 是获取form表单中的参数


    4.request.values 之 只要有个参数我都要
    print(request.values)  # CombinedMultiDict([ImmutableMultiDict([('id', '1'), ('age', '20')]), ImmutableMultiDict([('user', 'Oldboy'), ('pwd', 'DragonFire')])])
    print(request.values.get("id"))  # 1
    print(request.values["username"])  # aaa
    # 这回喜欢直接操作字典的小伙伴们有惊喜了! to_dict() 方法可以直接将我们的参数全部转为字典形式
    print(request.values.to_dict()) # {'username': 'aaa', 'pwd': '111', 'id': '1', 'age': '20'}
    # 注意这里的坑来啦!!!
    # 如果url和form中的Key重名的话,form中的同名的key中value会被url中的value覆盖



    5.request.cookies 之 存在浏览器端的字符串儿也会一起带过来

    前提是你要开启浏览器的 cookies

    request.cookies 是将cookies中信息读取出来

    6.request.headres 之 请求头

    print(request.cookies)   # 获取cookies
    print(type(request.headers)) # <class 'werkzeug.datastructures.EnvironHeaders'>
    print(request.headers) # 请求头相关

    """

    Host: localhost:8080
    Connection: keep-alive
    Content-Length: 20
    Pragma: no-cache
    Cache-Control: no-cache
    Origin: http://localhost:8080
    Upgrade-Insecure-Requests: 1
    Content-Type: application/x-www-form-urlencoded
    User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
    Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
    Referer: http://localhost:8080/login?id=1&username=20
    Accept-Encoding: gzip, deflate, br
    Accept-Language: zh-CN,zh;q=0.9
    Cookie: Pycharm-bdfc5fce=5839cb6f-fa90-425b-86dd-3ca2dd9403b5

    """


    7.request.data 之 如果处理不了的就变成字符串儿存在data里面

    你一定要知道 request 是基于 mimetype 进行处理的

    mimetype的类型 以及 字符串儿 : http://www.w3school.com.cn/media/media_mimeref.asp

    如果不属于上述类型的描述,request就会将无法处理的参数转为Json存入到 data 中

    其实我们可以将 request.data , json.loads 同样可以拿到里面的参数

    8.request.files 之 给我一个文件我帮你保管

    print(request.files)    # ImmutableMultiDict([('file', <FileStorage: '1.png' ('image/png')>)])
    print(request.files.get('file')) # <FileStorage: '1.png' ('image/png')>
    my_file = request.files["file"]
    my_file.save("1.png") #保存文件,里面可以写完整路径+文件名


    9. request.获取各种路径 之 这些方法没必要记,但是要知道它存在

     

    10. request.json 之 前提你得告诉是json

    如果在请求中写入了 "application/json" 使用 request.json 则返回json解析数据, 否则返回 None

  • 相关阅读:
    《我曾》火了:人这辈子,最怕突然听懂这首歌
    SpringMVC的运行流程
    Directive 自定义指令
    Vue 过滤器
    MVC 和 MVVM的区别
    vue指令
    async
    Generator
    单词搜索
    Promise
  • 原文地址:https://www.cnblogs.com/clbao/p/10121677.html
Copyright © 2011-2022 走看看