03_Flask的HTTP请求_request对象_GET与POST

谁践踏了优雅 2023-01-16 09:33 119阅读 0赞

### 文章目录 ###

*  1 请求报文和响应报文
 *  2 request对象
 *   *  2.1 什么是request对象?
     *  2.2 为什么要有request对象？
     *  2.3 requst对象的常用方法
     *   *  2.3.1 使用request属性获取url
         *  2.3.2 其他request对象常用的属性和方法。
 *  3 GET和post的实例：
 *   *  3.1 常见的HTTP方法见下表：
     *  3.2 GET请求：
     *  3.3 POST请求：
     *   *  3.3.1 render\_template的简单使用
         *  3.3.2 正式开始我们的POST案例：
     *  3.4 一个视图函数同时可以接收GET和POST请求

# 1 请求报文和响应报文 #

打开浏览器，当我们输入一个url，点击访问的时候会向目标服务器发送一个HTTP请求，请求的的时候会发生什么呢，会经过osi七层，这里我们不赘述osi七层通讯原理，可以理解为通过url我们请求目标服务器的一段具体的资源，可以理解为发送了一个请求，一个请求的本质就是向目标服务器上面发送了一些数据，这种浏览器于服务器之间交互的数据被称为报文。

![6bc26b96221acc89a2e83eb3a14ef76b.png][]

*  请求报文：请求时浏览器发送的数据称为请求报文
 *  响应报文：服务器收到了请求返回给浏览器的数据称为响应报文
    
    *✔提示：这里我们们是BS架构去讲解, BS架构就是浏览器和后端服务器的交互，CS架构是客户端和服务端的交互，BS架构可以理解为CS架构的一个具体实现。浏览器就是客户端，后端服务器就是服务端。*

![f6313423d04c15402d3f8f3f1fc479e9.png][]

**报文中的GET请求和POST请求**

*  GET提交的数据会放在URL之后，以?分割URL和传输数据，参数之间以&相连，如EditBook?name=test1&id=123456.
 *  POST方法是把提交的数据放在HTTP包的请求体中.
 *  GET提交的数据大小有限制（因为浏览器对URL的长度有限制）
 *  POST方法提交的数据没有限制。
 *  GET与POST请求在服务端获取请求数据方式不同。

**报文实例：**

'''
        GET请求报文
        # 请求首行
        GET / HTTP/1.1\r\n
        # get请求后面的参数
        GET /?name=lqz&age=18 HTTP/1.1\r\n
        # 请求头
        Host: 127.0.0.1:8008\r\n
        Connection: keep-alive\r\n
        Cache-Control: max-age=0\r\n
        Upgrade-Insecure-Requests: 1\r\n
        User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36\r\n
        Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8\r\nAccept-Encoding: gzip, deflate, br\r\n
        Accept-Language: zh-CN,zh;q=0.9\r\n
        Cookie: csrftoken=7xx6BxQDJ6KB0PM7qS8uTA892ACtooNbnnF4LDwlYk1Y7S7nTS81FBqwruizHsxF\r\n\r\n'
        # 请求体（get请求，请求体为空）    
        '''
        '''
        
        
        
        
        POST请求报文
        # 请求首行
        POST /?name=lqz&age=18 HTTP/1.1\r\n
        # 请求头
        Host: 127.0.0.1:8008\r\nConnection: keep-alive\r\n
        Content-Length: 21\r\nCache-Control: max-age=0\r\n
        Origin: http://127.0.0.1:8008\r\nUpgrade-Insecure-Requests: 1\r\n
        Content-Type: application/x-www-form-urlencoded\r\n
        User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36\r\n     					   Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8\r\nReferer: http://127.0.0.1:8008/?name=lqz&age=18\r\n
        Accept-Encoding: gzip, deflate, br\r\nAccept-Language: zh-CN,zh;q=0.9\r\nCookie: csrftoken=7xx6BxQDJ6KB0PM7qS8uTA892ACtooNbnnF4LDwlYk1Y7S7nTS81FBqwruizHsxF\r\n\r\n
        # 请求体
        name=lqz&password=123'
        
        '''

# 2 request对象 #

## 2.1 什么是request对象? ##

request对象封装解析了请求报文中的数据，其大部分功能是由依赖包werkzeug完成的，并且每个request对象都是线程隔离的，保证了数据的安全性。

## 2.2 为什么要有request对象？ ##

request对象解决了很多问题，各种请求的方法以及请求参数的格式都不一致，所以flask帮我们做了一个request对象，专门去解析各种方法以及各种格式的请求，以便于去开发使用。

## 2.3 requst对象的常用方法 ##

request对象使用需要从flask模块中导入

from flask import Flask, request

### 2.3.1 使用request属性获取url ###

**访问**: [http://127.0.0.1:5000/student\_list/?name=mark][http_127.0.0.1_5000_student_list_name_mark] :

**表2-1 使用request的属性获取url**

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th></th> 
   <th></th> 
   <th></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>属性</td> 
   <td>解析值</td> 
   <td>属性</td> 
   <td>解析值</td> 
  </tr> 
  <tr> 
   <td>path</td> 
   <td>u‘/student_list/’</td> 
   <td>base_url</td> 
   <td>u’http://127.0.0.1:5000/student_list/’</td> 
  </tr> 
  <tr> 
   <td>full_path</td> 
   <td>u‘/student_list/?name=mark’</td> 
   <td>url</td> 
   <td>u’http://127.0.0.1:5000/student_list/?name=mark’</td> 
  </tr> 
  <tr> 
   <td>host</td> 
   <td>u’127.0.0.1:5000’</td> 
   <td>url_root</td> 
   <td>u’http://127.0.0.1:5000/’</td> 
  </tr> 
  <tr> 
   <td>host_url</td> 
   <td>u’http://127.0.0.1:5000/’</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

from flask import Flask, request
    
    app = Flask(__name__)
    app.debug = True
    
    @app.route('/student_list/')
    def student_list():
        print(request.path)  # 输出 /student_list/
        print(request.full_path)  # 输出 /student_list/?name=mark
        print(request.host)  # 输出 127.0.0.1:5000
        print(request.host_url)  # 输出 http://127.0.0.1:5000/
        print(request.base_url)  # 输出 http://127.0.0.1:5000/student_list/
        print(request.url)  # 输出 http://127.0.0.1:5000/student_list/?name=mark
        print(request.url_root)  # 输出 http://127.0.0.1:5000/
    
        return 'request.urldemo测试'
    
    if __name__ == '__main__':
        app.run()

**request的解析结果如下。**

浏览器：

![image-20210417212021299][]

Pycharm控制台：

![image-20210417212035033][]

### 2.3.2 其他request对象常用的属性和方法。 ###

![422a1dd69eaf7d9531d84c14386e067d.png][]

request里面有诸多的方法，先对requests这些方法有个初步印象，随着我们日后的学习会慢慢接触到这些request常用的方法。

# 3 GET和post的实例： #

## 3.1 常见的HTTP方法见下表： ##

<table> 
 <thead> 
  <tr> 
   <th>请求</th> 
   <th>说明</th> 
   <th>请求</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>GET</td> 
   <td>获取服务器资源</td> 
   <td>DELETE</td> 
   <td>删除服务器资源</td> 
  </tr> 
  <tr> 
   <td>POST</td> 
   <td>处理服务器资源</td> 
   <td>PATCH</td> 
   <td>在服务器更新资源（客户端提供改变的属性）</td> 
  </tr> 
  <tr> 
   <td>PUT</td> 
   <td>在服务器更新资源（客户端提供改变后的完整资源）</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

一般常用的请求为GET和POST

## 3.2 GET请求： ##

![8bfa883fe7738377ca6f209038bc501d.png][]

**GET请求一般用于在服务器上获取资源，不会更改服务器的状态。**

**GET实例**：

@app.route('/', methods=['GET'])  # 不写methods也可以 默认就接收get请求
    def demo_get():
        print(request.args.get('name'))  # 输出 Ryan
        
        return '{}请求'.format(request.method)

![image-20210417213122478][]

![image-20210417213143798][]

结合request对象，使用request.args属性获取get传来的参数，关于args我们在上一章已经论述过了。

**关键词**：

*  使用request.args属性获取get传来的参数，关于args我们在上一章已经论述过了。
 *  @app.route(’/’, methods=\[‘GET’\]) 指定浏览器只能以GET方法访问服务端。

## 3.3 POST请求： ##

**POST 请求: 会给服务器提交一些数据或者文件，会对服务器的状态产生影响。**

在了解POST请求之前我们先了解一下render\_termplate

### 3.3.1 render\_template的简单使用 ###

from flask import Flask, request, render_template

我们暂时只简单的理解render\_template模块可以把html文件返回给浏览器并渲染。

如：

![3d43318a97db6b73f3f35c32ca8e9158.png][]

**server.py**

from flask import Flask, render_template
    
    app = Flask(__name__)
    app.debug = True
    
    
    @app.route('/login/', methods=['GET'])
    def login():
        return render_template('login.html')
    
    
    if __name__ == '__main__':
        app.run()

*注意：render\_template()会去flask根目录下的templates里面寻找文件，所以给的参数路径是相对路径。*

**关键词**：render\_template()中放的文件路径是与templates文件夹相对的路径

**templates/login.html**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登录界面</title>
    </head>
    <body>
    <form action="/login_request/" method="POST">
        用户：<input type="text" name="username">
        密码：<input type="text" name="password">
        <input type="submit" value="提交">
    </form>
    </body>
    </html>

**关键词**

*  form标签的`action`指定的是跳转的页面。并且会自动拼接成[http://127.0.0.1:5000/login\_request/][http_127.0.0.1_5000_login_request]
    
    也就是本项目的: ip地址+端口+/login\_request/
 *  form标签的`method`指定的是以什么方法请求服务端，此案例中请求的方法为POST方法。

访问127.0.0.1:5000/login/ 后如下图

![image-20210417214358158][]

### 3.3.2 正式开始我们的POST案例： ###

**项目目录：**

![image-20210417214638660][]

**server.py**

from flask import Flask, request, render_template
    
    app = Flask(__name__)
    
    
    @app.route('/login_request/', methods=['POST'])
    def login_request():
        print(request.form.get('username'))  # 'mark'
        print(request.form.get('password'))  # '123'
        if request.form.get('username') == 'mark' and request.form.get('password') == '123':
            return 'success'
        else:
            return 'error'
    
    
    @app.route('/login/', methods=['GET'])
    def login():
        return render_template('login.html')
    
    
    if __name__ == '__main__':
        app.run()

**关键词**：

*  request.form是专门用来针对表单取数据的，在这里如果前端是以表单的形式提交的，我们可以使用request.form来取值
 *  @app.route() 中的 methods=\[‘POST’\] 代表只接收浏览器的POST请求

**templates/login.html**

![image-20210417214904087][]

![image-20210417215405181][]

![image-20210417215339931][]

![image-20210417215348703][]

总体的逻辑是 :

1.  首先访问127.0.0.1:5000/login/，默认是get请求。
2.  然后`return render_template('login.html')` 返回给浏览器页面。
3.  然后填写内容点击提交，以post方式请求 [http://127.0.0.1:5000/login\_request/][http_127.0.0.1_5000_login_request]。
4.  然后进入`def login_request()`视图函数 进行逻辑判断返回成功与否。

## 3.4 一个视图函数同时可以接收GET和POST请求 ##

我们的案例和3.3.2案例完成的业务逻辑是一样的，相当于简化了3.3.2的案例，把两个视图函数合并到一起，利用`request.method`属性可以获取字符串格式的请求方法。来区分本次请求是GET还是POST

实例：

**server.py**：

from flask import Flask, request, render_template
    
    app = Flask(__name__)
    
    
    @app.route('/login_inner/', methods=['POST', 'GET'])
    def login_inner():
        if request.method == 'GET':  # 判断本次请求是否为get请求 要是就继续是登陆界面
            return render_template('login.html')
        if request.form.get('username') == 'mark' and request.form.get('password') == '123':
            return 'success'
        return 'error'
    
    @app.route('/login/', methods=['GET'])
    def login():
        return render_template('login.html')
    
    if __name__ == '__main__':
        app.run(debug=True)

**关键词**：

*  `@app.route()`的`methods`方法 指定该视图函数接收浏览器传过来的请求方法，可以指定多个。
 *  `request.method`获取字符串格式的请求方法

**templates/login.html**：

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>登录界面</title>
    </head>
    <body>
    <form action="/login_inner/" method="POST">
        用户：<input type="text" name="username">
        密码：<input type="text" name="password">
        <input type="submit" value="提交">
    </form>
    </body>
    </html>

其展示效果

![image-20210417220303235][]

[6bc26b96221acc89a2e83eb3a14ef76b.png]: /images/20221022/d4e2c9233786404caeab02cfe9fb3b73.png
[f6313423d04c15402d3f8f3f1fc479e9.png]: /images/20221022/fa0fdd66c3294238afe86b8209fa49c8.png
[http_127.0.0.1_5000_student_list_name_mark]: http://127.0.0.1:5000/student_list/?name=mark
[image-20210417212021299]: /images/20221022/758fabe725be4d2da2798b1e601c8306.png
[image-20210417212035033]: /images/20221022/40815d37c46346fe82243f49e8f68ef5.png
[422a1dd69eaf7d9531d84c14386e067d.png]: /images/20221022/eb16be334644455592749db398b0efaa.png
[8bfa883fe7738377ca6f209038bc501d.png]: /images/20221022/20ed324792464f998b2641685de4ed33.png
[image-20210417213122478]: /images/20221022/e92fe85fc2e34b7b8c5c8152a227ff01.png
[image-20210417213143798]: /images/20221022/c177c45062cf402c9ef5c458b2e8f70d.png
[3d43318a97db6b73f3f35c32ca8e9158.png]: /images/20221022/1ee615ad562f4fd38190ed6aac00ccc5.png
[http_127.0.0.1_5000_login_request]: http://127.0.0.1:5000/login_request/
[image-20210417214358158]: /images/20221022/2f15939977764afdbacb3da21f7cbb20.png
[image-20210417214638660]: /images/20221022/53d7ba7362c44f4cac37f0be23d2485d.png
[image-20210417214904087]: /images/20221022/1bd0a60e8e9e424dbb248d957b997f15.png
[image-20210417215405181]: /images/20221022/f38c9f8b52bc43b79928e6a4f7f7e4c6.png
[image-20210417215339931]: /images/20221022/0fd6387f27f14316aae1ff6059e27ba7.png
[image-20210417215348703]: /images/20221022/936470fd56014159a5f9f3dbe6bce3be.png
[image-20210417220303235]: /images/20221022/68000fc542a343c5a4c7eb2e6103a947.png