Django教程：根据下拉菜单选项动态显示数据库数据并实现分页-html教程-PHP中文网

Django教程：根据下拉菜单选项动态显示数据库数据并实现分页

花韻仙語

发布： 2025-09-06 19:54:04

原创

929人浏览过

django教程：根据下拉菜单选项动态显示数据库数据并实现分页

本文将指导你如何在Django项目中实现一个功能：用户通过下拉菜单选择每页显示的数据条数，然后根据用户的选择从数据库中获取相应数量的数据，并进行分页展示。我们将涵盖表单创建、数据获取、以及Django分页功能的实现。

1. 创建包含下拉菜单的表单

首先，需要在你的HTML模板中创建一个包含下拉菜单的表单。这个下拉菜单允许用户选择每页显示的数据条数。

<form action="" method="POST">
  {% csrf_token %}
  <div class="form-group">
    <label for="items_per_page">每页显示数量：</label>
    <select class="form-control" id="items_per_page" name="items_per_page">
      <option value="1">1</option>
      <option value="5">5</option>
      <option value="10">10</option>
      <option value="20">20</option>
    </select>
  </div>
  <button type="submit" class="btn btn-primary">提交</button>
</form>

登录后复制

注意事项：

{% csrf_token %} 是Django的CSRF保护机制，务必包含在表单中。
name="items_per_page" 属性非常重要，它决定了在视图函数中如何获取用户选择的值。

2. 在视图函数中处理表单数据

接下来，需要在 views.py 文件中创建一个视图函数来处理表单提交的数据，并从数据库中获取相应的数据。

from django.shortcuts import render
from django.core.paginator import Paginator
from .models import YourModel  # 替换为你的模型

def my_view(request):
    items_per_page = 10  # 默认每页显示10条数据

    if request.method == 'POST':
        items_per_page = int(request.POST.get('items_per_page', 10))  # 从表单获取用户选择的数量，默认为10

    all_items = YourModel.objects.all() # 获取所有数据
    paginator = Paginator(all_items, items_per_page) # 创建分页器

    page_number = request.GET.get('page') # 获取当前页码
    page_obj = paginator.get_page(page_number) # 获取当前页的数据

    context = {
        'page_obj': page_obj,
        'items_per_page': items_per_page, # 将每页显示的数量传递给模板
    }
    return render(request, 'your_template.html', context)

登录后复制

代码解释：

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

查看详情

YourModel.objects.all()：替换为你的模型类和查询语句，用于获取数据库中的数据。
request.POST.get('items_per_page', 10)：从POST请求中获取 items_per_page 的值。如果用户没有选择，则默认为10。
Paginator(all_items, items_per_page)：创建 Paginator 对象，将数据分成若干页。
request.GET.get('page')：从GET请求中获取当前页码。
paginator.get_page(page_number)：获取指定页码的数据。
context：将数据传递给模板。

3. 在模板中显示数据和分页链接

最后，需要在HTML模板中显示从视图函数传递过来的数据，并生成分页链接。

<h1>数据显示</h1>

<p>每页显示：{{ items_per_page }} 条</p>

<ul>
  {% for item in page_obj %}
    <li>{{ item.name }}</li>  <!-- 替换为你的数据字段 -->
  {% endfor %}
</ul>

<div class="pagination">
  <span class="step-links">
    {% if page_obj.has_previous %}
      <a href="?page=1&items_per_page={{ items_per_page }}">&laquo; 首页</a>
      <a href="?page={{ page_obj.previous_page_number }}&items_per_page={{ items_per_page }}">上一页</a>
    {% endif %}

    <span class="current">
      第 {{ page_obj.number }} 页，共 {{ page_obj.paginator.num_pages }} 页
    </span>

    {% if page_obj.has_next %}
      <a href="?page={{ page_obj.next_page_number }}&items_per_page={{ items_per_page }}">下一页</a>
      <a href="?page={{ page_obj.paginator.num_pages }}&items_per_page={{ items_per_page }}">末页 &raquo;</a>
    {% endif %}
  </span>
</div>

登录后复制

代码解释：