溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

django控件及傳參的使用案例

發(fā)布時間:2021-03-11 14:16:39 來源:億速云 閱讀:174 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了django控件及傳參的使用案例,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

                                                       這次給大家?guī)韉jango控件及傳參使用詳解,django控件及傳參使用的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。

undefined

本文對djangoHTML的表單控件中的單選及多選進行介紹,并說明如何進行參數(shù)傳遞。

1.HTML中的表單控件:

在HTML中表單的書寫一般為:

<form method="post" action=""> 這個method代表方法,方法一般有兩個一個是'post',一個是'get',action是提交表單到何處,可填寫一個網(wǎng)址。不填則默認到本頁面。
{%csrf_token%} 這個是django中的一個標簽,用于防止惡意攻擊使用,如果不加入這個標簽,會遇到不能提交的問題,處理麻煩一點,建議加上。
<input name="select" type="radio" value='radio'>這就是一個單選標簽,多選為type='checkbox'。 value是顯示的內(nèi)容,并且后端提交后也將此作為值,其中name是后端
獲取時所用的如后端使用 select = request.POST['select']獲取這個單選按鈕的value,另外也可以用select = request.POST.get('select',None)來獲取。
<input name="submit" type="submit" value="提交" />這就是一個提控件,其中的type='submit'會保證點擊后表單(<form></form>)中的內(nèi)容被提交到后端。
<input name="text" type="text" value="" />一個輸入框
</form>
<!-表單結(jié)束>

前段在HTML中總的構(gòu)造是

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
<form method="post" action=""> 
{%csrf_token%}
<input name="select" type="radio" value='radio'>
<input name="text" type="text" value="" />
<input name="submit" type="submit" value="提交" />
</form>
</body>
</html>

那么前段HTML就是這樣。

2.django的view.py中接受數(shù)據(jù):

后端可以在view中書寫一個def用于接受前端傳入的數(shù)據(jù):

如:

def receive_data(request):
 if request.POST: # 如果數(shù)據(jù)提交
 print('有提交')
 
 select = request.POST.get('select',None)
 
 text = request.POST.get('text',None)
 print(select,text)
 return render(request,'your_html.html', locals()) # your_html.html改為你的html頁面并且參考前面的博客建立url鏈接。

這就是django建立前后交互的簡單案例,在django 1.10.5 python 3.5 html 5下進行。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“django控件及傳參的使用案例”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI