django處理select下拉表單實(shí)例(從model到前端到post到form)
現(xiàn)在假如要寫一個(gè)按照'標(biāo)題',’內(nèi)容’,’作者’等等進(jìn)行針對(duì)性的選擇,這時(shí)需要涉及到使用select下拉表單來(lái)進(jìn)行選擇.django是可以比較簡(jiǎn)單的解決這個(gè)問題的.
下面是model:
from django.db import models class TestModel(models.Model): SELVALUE = ( (’標(biāo)題’, ’first’), #前面是展示在前端界面的內(nèi)容,后面的’first’是真正存在數(shù)據(jù)庫(kù)中的 (’內(nèi)容’, ’second’), (’作者’, ’third’), ) select_value = models.CharField(max_length=10, choices=SELVALUE)
接下來(lái)我們寫forms:
from django import forms class SelectTestForm(forms.Form): SELVALUE = ( (’標(biāo)題’, ’first’), (’內(nèi)容’, ’second’), (’作者’, ’third’), ) sel_value = forms.CharField(max_length=10,widget=forms.widgets.Select(choices=SELVALUE))
然后就可以寫view了:
from django.shortcuts import renderfrom django.views.generic import Viewfrom .forms import SelectTestForm class TestView(View): def get(self, request): select_form = SelectTestForm() return render(request, ’sel_test.html’, { #這里’sel_test.html’使我們的前端頁(yè)面 ’select_form’: select_form, # 這里需要把form傳到前端,前端就可以借助這個(gè)form填充界面 }) def post(self, request): select_form = SelectTestForm(request.POST) if select_form.is_valid(): get_value = request.POST.get(’sel_value’, '') #這里可以取到下拉表單中的值 #接下來(lái)就是保存數(shù)值與其他邏輯了 else: #表單驗(yàn)證未通過(guò)的邏輯,多半要重新填寫或直接給個(gè)404 pass
這是前端界面’sel_test.html’:
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><form method='post' action=''> <select name='sel_value'> {# 這里我們遍歷form表單中的SELVALUE這個(gè)字典,然后把key,value成對(duì)取出 #} {% for key,value in select_form.SELVALUE %} <option value='{{ value }}'>{{ key }}</option> {% endfor %} </select> <input type='submit' value='測(cè)試'/> {% csrf_token %}</form></body></html>
補(bǔ)充知識(shí)：Django 表單，模型 結(jié)合前端select 顯示
ModelChoiceField 使用方法
使用ModelChoiceField方法向前端提供模型
后端 forms.py
default_tester = forms.ModelChoiceField( label=’測(cè)試人員’, queryset=User.objects.all(), required=True )
前端代碼
{% for user in form.default_tester.field.queryset %} <option value='{{ user.pk }}'> {{ user }} </option> {% endfor %}
以上這篇django處理select下拉表單實(shí)例(從model到前端到post到form)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. IntelliJ IDEA 統(tǒng)一設(shè)置編碼為utf-8編碼的實(shí)現(xiàn)2. jsp EL表達(dá)式詳解3. asp知識(shí)整理筆記4（問答模式）4. 詳解idea中web.xml默認(rèn)版本問題解決5. 解決ajax的delete、put方法接收不到參數(shù)的問題方法6. chat.asp聊天程序的編寫方法7. GIT相關(guān)-IDEA/ECLIPSE工具配置的教程詳解8. XML入門的常見問題(一)9. Jsp中request的3個(gè)基礎(chǔ)實(shí)踐10. 怎樣才能用js生成xmldom對(duì)象，并且在firefox中也實(shí)現(xiàn)xml數(shù)據(jù)島？
網(wǎng)公網(wǎng)安備