django處理select下拉表單實例(從model到前端到post到form)
現在假如要寫一個按照'標題',’內容’,’作者’等等進行針對性的選擇,這時需要涉及到使用select下拉表單來進行選擇.django是可以比較簡單的解決這個問題的.
下面是model:
from django.db import models class TestModel(models.Model): SELVALUE = ( (’標題’, ’first’), #前面是展示在前端界面的內容,后面的’first’是真正存在數據庫中的 (’內容’, ’second’), (’作者’, ’third’), ) select_value = models.CharField(max_length=10, choices=SELVALUE)
接下來我們寫forms:
from django import forms class SelectTestForm(forms.Form): SELVALUE = ( (’標題’, ’first’), (’內容’, ’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’使我們的前端頁面 ’select_form’: select_form, # 這里需要把form傳到前端,前端就可以借助這個form填充界面 }) def post(self, request): select_form = SelectTestForm(request.POST) if select_form.is_valid(): get_value = request.POST.get(’sel_value’, '') #這里可以取到下拉表單中的值 #接下來就是保存數值與其他邏輯了 else: #表單驗證未通過的邏輯,多半要重新填寫或直接給個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這個字典,然后把key,value成對取出 #} {% for key,value in select_form.SELVALUE %} <option value='{{ value }}'>{{ key }}</option> {% endfor %} </select> <input type='submit' value='測試'/> {% csrf_token %}</form></body></html>
補充知識：Django 表單，模型 結合前端select 顯示
ModelChoiceField 使用方法
使用ModelChoiceField方法向前端提供模型
后端 forms.py
default_tester = forms.ModelChoiceField( label=’測試人員’, queryset=User.objects.all(), required=True )
前端代碼
{% for user in form.default_tester.field.queryset %} <option value='{{ user.pk }}'> {{ user }} </option> {% endfor %}
以上這篇django處理select下拉表單實例(從model到前端到post到form)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。
相關文章：
網公網安備