### HTML前端创建年份和月份选择框并通过表单提交 为了实现在HTML前端提供年份和月份的选择框，并通过表单将所选值传递到Django后端，可以按照以下方式进行设计。 #### 前端部分 在HTML中，可以通过`<select>`标签分别创建年份和月份的选择框。以下是具体的代码示例： ```html <form action="{% url 'submit_year_month' %}" method="POST"> {% csrf_token %} <label for="year">选择年份:</label> <select name="year" id="year"> {% for year in years %} <option value="{{ year }}">{{ year }}</option> {% endfor %} </select> <label for="month">选择月份:</label> <select name="month" id="month"> {% for month in months %} <option value="{{ month }}">{{ month }}</option> {% endfor %} </select> <button type="submit">提交</button> </form> ``` 在此代码中，`years` 和 `months` 是由Django视图传入的上下文中定义的变量列表[^1]。它们通常是一个范围内的整数集合，例如 `[2020, 2021, ..., 2030]` 表示年份选项，`[1, 2, ..., 12]` 表示月份选项。 --- #### 后端部分 在Django后端，需要处理从前端提交的表单数据。具体步骤如下： ##### 定义URL路由 在项目的`urls.py`文件中，添加一个路径映射至相应的视图函数： ```python from django.urls import path from . import views urlpatterns = [ path('submit/', views.submit_year_month, name='submit_year_month'), ] ``` ##### 编写视图逻辑 在`views.py`中编写接收并处理表单数据的视图函数： ```python from django.shortcuts import render from django.http import JsonResponse def submit_year_month(request): if request.method == "POST": selected_year = request.POST.get('year') selected_month = request.POST.get('month') # 验证数据有效性（可选） try: selected_year = int(selected_year) selected_month = int(selected_month) if not (2000 <= selected_year <= 2100 and 1 <= selected_month <= 12): raise ValueError("Invalid date range") except Exception as e: return JsonResponse({"status": "error", "message": str(e)}, status=400) # 处理业务逻辑 result_message = f"您选择了 {selected_year} 年 {selected_month} 月" return JsonResponse({"status": "success", "data": {"year": selected_year, "month": selected_month}}, status=200) elif request.method == "GET": context = { "years": list(range(2000, 2031)), # 提供年份选项 "months": list(range(1, 13)) # 提供月份选项 } return render(request, 'your_template.html', context=context) ``` 此代码实现了两部分内容： 1. **GET 请求**：渲染带有年份和月份选择框的HTML页面。 2. **POST 请求**：接收来自前端的表单数据，并返回JSON响应表示成功或失败的状态[^3]。 --- ### 注意事项 - 确保在模板中加入 `{% csrf_token %}` 来支持Django的CSRF保护机制。 - 如果希望进一步增强用户体验，可以在前端使用JavaScript动态加载年份和月份的内容，而不是完全依赖服务器端生成。 - 对于生产环境下的安全性考虑，应关闭DEBUG模式并将敏感信息隐藏[^3]。 ---