django處理select下拉表單實(shí)例(從model到前端到post到form)
現(xiàn)在假如要寫一個(gè)按照'標(biāo)題',’內(nèi)容’,’作者’等等進(jìn)行針對(duì)性的選擇,這時(shí)需要涉及到使用select下拉表單來進(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)
接下來我們寫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’, '') #這里可以取到下拉表單中的值 #接下來就是保存數(shù)值與其他邏輯了 else: #表單驗(yàn)證未通過的邏輯,多半要重新填寫或直接給個(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. ajax請(qǐng)求添加自定義header參數(shù)代碼2. 基于javascript處理二進(jìn)制圖片流過程詳解3. Gitlab CI-CD自動(dòng)化部署SpringBoot項(xiàng)目的方法步驟4. ASP基礎(chǔ)知識(shí)VBScript基本元素講解5. 解決android studio引用遠(yuǎn)程倉(cāng)庫(kù)下載慢(JCenter下載慢)6. idea刪除項(xiàng)目的操作方法7. 使用python 計(jì)算百分位數(shù)實(shí)現(xiàn)數(shù)據(jù)分箱代碼8. Kotlin + Flow 實(shí)現(xiàn)Android 應(yīng)用初始化任務(wù)啟動(dòng)庫(kù)9. 詳談ajax返回?cái)?shù)據(jù)成功 卻進(jìn)入error的方法10. html5手機(jī)觸屏touch事件介紹
網(wǎng)公網(wǎng)安備