django中的HTML控件及參數傳遞方法

更新時間：2018年03月20日 10:08:45 作者：benofdog

下面小編就為大家分享一篇django中的HTML控件及參數傳遞方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

1.HTML中的表單控件：

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

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

前段在HTML中總的構造是

<!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中接受數據：

后端可以在view中書寫一個def用于接受前端傳入的數據：

如：

def receive_data(request):
 if request.POST: # 如果數據提交
 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中的HTML控件及參數傳遞方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: