Django框架中表單的用法

2022-06-10 22:02:57

HTML表單是網站互動性的經典方式。本章將介紹如何用Django對使用者提交的表單資料進行處理。

一、HTTP 請求

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

1、GET 方法

我們在之前的專案中建立一個 search.py 檔案，用於接收使用者的請求：

/HelloWorld/HelloWorld/search.py 檔案程式碼：

# -*- coding: utf-8 -*-
 
from django.http import HttpResponse
from django.shortcuts import render_to_response
 
# 表單
def search_form(request):
    return render_to_response('search_form.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)

在模板目錄 templates 中新增 search_form.html 表單：

/HelloWorld/templates/search_form.html 檔案程式碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教學(runoob.com)</title>
</head>
<body>
    <form action="/search" method="get">
        <input type="text" name="q">
        <input type="submit" value="搜尋">
    </form>
</body>
</html>

urls.py 規則修改為如下形式：

/HelloWorld/HelloWorld/urls.py 檔案程式碼：

from django.conf.urls import url
from . import view,testdb,search
 
urlpatterns = [
    url(r'^hello$', view.hello),
    url(r'^testdb$', testdb.testdb),
    url(r'^search-form$', search.search_form),
    url(r'^search$', search.search),
]

存取地址 http://127.0.0.1:8000/search-form 並搜尋，結果如下所示:

2、POST 方法

上面我們使用了GET方法。檢視顯示和請求處理分成兩個函數處理。

提交資料時更常用POST方法。我們下面使用該方法，並用一個URL和處理常式，同時顯示檢視和處理請求。

我們在 templates 建立 post.html：

/HelloWorld/templates/post.html 檔案程式碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教學(runoob.com)</title>
</head>
<body>
    <form action="/search-post" method="post">
        {% csrf_token %}
        <input type="text" name="q">
        <input type="submit" value="Submit">
    </form>
 
    <p>{{ rlt }}</p>
</body>
</html>

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

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

在HelloWorld目錄下新建 search2.py 檔案並使用 search_post 函數來處理 POST 請求：

/HelloWorld/HelloWorld/search2.py 檔案程式碼：

# -*- coding: utf-8 -*-
 
from django.shortcuts import render
from django.views.decorators import csrf
 
# 接收POST請求資料
def search_post(request):
    ctx ={}
    if request.POST:
        ctx['rlt'] = request.POST['q']
    return render(request, "post.html", ctx)

urls.py 規則修改為如下形式：

/HelloWorld/HelloWorld/urls.py 檔案程式碼：

from django.conf.urls import url
from . import view,testdb,search,search2
 
urlpatterns = [
    url(r'^hello$', view.hello),
    url(r'^testdb$', testdb.testdb),
    url(r'^search-form$', search.search_form),
    url(r'^search$', search.search),
    url(r'^search-post$', search2.search_post),
]

存取 http://127.0.0.1:8000/search-post 顯示結果如下：

完成以上範例後，我們的目錄結構為：

HelloWorld
|-- HelloWorld
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- search.py
|   |-- search.pyc
|   |-- search2.py
|   |-- search2.pyc
|   |-- settings.py
|   |-- settings.pyc
|   |-- testdb.py
|   |-- testdb.pyc
|   |-- urls.py
|   |-- urls.pyc
|   |-- view.py
|   |-- view.pyc
|   |-- wsgi.py
|   `-- wsgi.pyc
|-- TestModel
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- admin.py
|   |-- admin.pyc
|   |-- apps.py
|   |-- migrations
|   |   |-- 0001_initial.py
|   |   |-- 0001_initial.pyc
|   |   |-- __init__.py
|   |   `-- __init__.pyc
|   |-- models.py
|   |-- models.pyc
|   |-- tests.py
|   `-- views.py
|-- db.sqlite3
|-- manage.py
`-- templates
    |-- base.html
    |-- hello.html
    |-- post.html
    `-- search_form.html

二、Request 物件

每個 view 函數的第一個引數是一個 HttpRequest 物件，就像下面這個 hello() 函數:

from django.http import HttpResponse

def hello(request):
    return HttpResponse("Hello world")

HttpRequest物件包含當前請求URL的一些資訊：

Request物件也有一些有用的方法：

QueryDict物件

在HttpRequest物件中, GET和POST屬性是django.http.QueryDict類的範例。

QueryDict類似字典的自定義類，用來處理單鍵對應多值的情況。

QueryDict實現所有標準的詞典方法。還包括一些特有的方法：

此外, QueryDict也有一些方法，如下表：

到此這篇關於Django框架中表單用法的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支援it145.com。