如何实现Django中从模型到前端select下拉表单,再到后端POST请求的处理实例?

2026-05-28 21:321阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计847个文字,预计阅读时间需要4分钟。

如何实现Django中从模型到前端select下拉表单,再到后端POST请求的处理实例?

:使用Django实现下拉列表选择

内容:在开发过程中,经常需要根据某些条件来选择不同的内容,例如根据、内容、作者等进行筛选。这时,可以使用Django的`select`下拉列表来实现。

Django是一个简单易用的框架,可以轻松解决上述问题。下面是一个简单的示例:

pythonfrom django.db import models

class Article(models.Model): title=models.CharField(max_length=100) content=models.TextField() author=models.CharField(max_length=100)

在这个例子中,我们定义了一个`Article`模型,包含、内容和作者三个字段。

接下来,在视图中,我们可以使用`select`下拉列表来选择这些字段:

pythonfrom django.shortcuts import renderfrom .models import Article

def index(request): title=request.GET.get('title', '') content=request.GET.get('content', '') author=request.GET.get('author', '')

articles=Article.objects.all()

if title: articles=articles.filter(title__icontains=title) if content: articles=articles.filter(content__icontains=content) if author: articles=articles.filter(author__icontains=author)

return render(request, 'index.', {'articles': articles})

在`index.`模板中,我们可以使用`select`标签来创建下拉列表:

{{ article.title }}

内容 {{ article.content }}

如何实现Django中从模型到前端select下拉表单,再到后端POST请求的处理实例?

作者 {{ article.author }}

这样,用户就可以通过下拉列表来选择不同的条件,实现筛选功能。

现在假如要写一个按照"标题",'内容','作者'等等进行针对性的选择,这时需要涉及到使用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 render from django.views.generic import View from .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)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计847个文字,预计阅读时间需要4分钟。

如何实现Django中从模型到前端select下拉表单,再到后端POST请求的处理实例?

:使用Django实现下拉列表选择

内容:在开发过程中,经常需要根据某些条件来选择不同的内容,例如根据、内容、作者等进行筛选。这时,可以使用Django的`select`下拉列表来实现。

Django是一个简单易用的框架,可以轻松解决上述问题。下面是一个简单的示例:

pythonfrom django.db import models

class Article(models.Model): title=models.CharField(max_length=100) content=models.TextField() author=models.CharField(max_length=100)

在这个例子中,我们定义了一个`Article`模型,包含、内容和作者三个字段。

接下来,在视图中,我们可以使用`select`下拉列表来选择这些字段:

pythonfrom django.shortcuts import renderfrom .models import Article

def index(request): title=request.GET.get('title', '') content=request.GET.get('content', '') author=request.GET.get('author', '')

articles=Article.objects.all()

if title: articles=articles.filter(title__icontains=title) if content: articles=articles.filter(content__icontains=content) if author: articles=articles.filter(author__icontains=author)

return render(request, 'index.', {'articles': articles})

在`index.`模板中,我们可以使用`select`标签来创建下拉列表:

{{ article.title }}

内容 {{ article.content }}

如何实现Django中从模型到前端select下拉表单,再到后端POST请求的处理实例?

作者 {{ article.author }}

这样,用户就可以通过下拉列表来选择不同的条件,实现筛选功能。

现在假如要写一个按照"标题",'内容','作者'等等进行针对性的选择,这时需要涉及到使用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 render from django.views.generic import View from .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)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。