Django——表單

一加一發表於2022-06-17
Django

一、前言

　　看了下教程，以為表單很簡單呢，結果搞了一兩個鍾才弄懂，哈哈哈，所以說不要小瞧每一件事。

　　先說明下HTTP請求：

　　HTTP協議以"請求－回覆"的方式工作。客戶傳送請求時，可以在請求中附加資料。伺服器通過解析請求，就可以獲得客戶傳來的資料，並根據URL來提供特定的服務。

　　下面以輸入框搜尋為例，分別用get和post方法實戰演練（還是基於DjangoTest專案演練），如下是效果圖：

 

 

 

二、GET請求

1、在TestModel/tests.py，新增接收使用者請求的程式碼

from django.shortcuts import render
from django.test import TestCase

# Create your tests here.

# -*- coding: utf-8 -*-

'''例4：get請求'''
# 表單
def search_get(request):
    return render(request, 'search_get.html')

# 接收請求資料
def search(request):
    request.encoding = 'utf-8'
    if 'q' in request.GET and request.GET['q']:
        message = '你搜尋的內容為: ' + request.GET['q']
    else:
        message = '你提交了空表單'
    return HttpResponse(message)

2、在templates目錄新增search_get.html

1）form的action屬性說明：action="/search/"，表示表單提交給的url，此處即表示表單提交後提交到http://127.0.0.1:8000/search/?q=xxx

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單搜尋頁-get</title>
</head>
<body>
<h3>GET請求搜尋</h3>
    <!--get方法-->
    <form action="/search/" method="get">
        <input type="text" name="q">
        <input type="submit" value="搜尋">
    </form>

</body>
</html>

3、修改DjangoTest/urls.py

1）path('get/',tests.search_get)：即訪問http://127.0.0.1:8000/get/，此時呼叫的是search_get函式（該函式處理的是指向開啟search_get.html表單頁）

2）path('search/',tests.search)：這個是將路徑指向http://127.0.0.1:8000/search，此時是呼叫search函式（該函式處理的是接收請求資料），此處要特別注意路徑名需要對接search_get.html中tests.search函式所定義的action="search"，所以這裡的path必須是search

3）url訪問說明：其實可以看下面的第4點，但我在這裡還是再囉嗦一下比較好點

  • 訪問http://127.0.0.1:8000/get/，開啟表單頁面
  • 搜尋後由表單的action定義提交到http://127.0.0.1:8000/search，即相當於跳轉到新頁面了
  • get是將引數帶到url中的，所以搜尋後url為http://127.0.0.1:8000/search/?q=2

4、瀏覽器訪問地址

1）訪問http://127.0.0.1:8000/get/，載入的頁面如下：

 

 2）輸入框輸入內容

 

3）點選搜尋後，效果如下：

 

三、POST請求

　　前面是用get方法，將檢視顯示和請求處理分成兩個函式處理，然而提交資料時更常用 POST 方法，所以接下來演示用post方法並用一個URL和處理函式，同時顯示檢視和處理請求。

1、在TestModel/tests.py，新增search_post 函式來處理 POST 請求

　　'rlt'是search_post.html表單的<p>元素預留的位置值，用於接收搜尋後的值

from django.shortcuts import render
from django.test import TestCase

# Create your tests here.

# -*- coding: utf-8 -*-

'''例3：post請求'''
def search_post(request):
    ctx= {}
    if request.POST:
        ctx['rlt'] = request.POST['querry']
    return render(request,"search_post.html",ctx)

2、在templates目錄新增search_post.html

1）在模板的末尾，我們增加一個 rlt 記號，為表格處理結果預留位置。

2）表格後面還有一個 {% csrf_token %} 的標籤。csrf 全稱是 Cross Site Request Forgery。這是 Django 提供的防止偽裝提交請求的功能。POST 方法提交的表格，必須有此標籤。

3）form的action屬性說明：action="/post/"，表示表單提交給的url，此處即表示表單提交後提交到http://127.0.0.1:8000/post/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單搜尋頁-post</title>
</head>
<body>
<h3>POST請求搜尋</h3>
    <!--post方法：用一個URL和處理函式，同時顯示檢視和處理請求-->
    <form action="/post/" method="post">
        {% csrf_token %}
        <input type="text" name="querry">
        <input type="submit" value="搜尋">
    </form>
    <p>{{ rlt }}</p>
</body>
</html>

3、修改DjangoTest/urls.py

4、瀏覽器訪問地址

1）訪問http://127.0.0.1:8000/post/，載入的頁面如下：

 

2）輸入內容後，點選搜尋，效果如下：

 

相關文章