Django视图向HTML传值问题：餐厅预约页面时间无法传递

问题原因 #

你当前的reservation_data视图在处理GET请求时，没有从session中取出预先生成的reservation_time数据，也没有将其传递给模板，导致模板无法获取到时间选项。

解决方案 #

1. 修改reservation_data视图，传递session数据到模板

在reservation_data的GET分支中，从session取出之前存储的所有数据，包括reservation_time，然后通过render的context参数传给模板：

from datetime import datetime

def reservation_data(request):
    if request.method == 'POST':
        # 原有的POST处理逻辑：从session取数据、创建预约、清空session、跳转
        client_name = request.session.get('client_name')
        client_email = request.session.get('client_email')
        client_phone = request.session.get('client_phone')
        number_of_guests = request.session.get('number_of_guests')
        reservation_date_str = request.session.get('reservation_date')
        reservation_time = request.session.get('reservation_time')
        
        # 解析日期字符串为datetime对象（如果业务需要）
        reservation_date = datetime.fromisoformat(reservation_date_str) if reservation_date_str else None
        
        # 创建预约逻辑（示例）
        # reservation = Reservation.objects.create(
        #     name=client_name,
        #     email=client_email,
        #     phone=client_phone,
        #     guest_count=number_of_guests,
        #     date=reservation_date,
        #     time=request.POST.get('reservation_time')
        # )
        
        request.session.clear()
        return redirect('reservation_detail', pk=reservation.pk)
    else:
        # GET请求时，从session取数据传给模板
        context = {
            'client_name': request.session.get('client_name'),
            'client_email': request.session.get('client_email'),
            'client_phone': request.session.get('client_phone'),
            'number_of_guests': request.session.get('number_of_guests'),
            'reservation_date': datetime.fromisoformat(request.session.get('reservation_date')) if request.session.get('reservation_date') else None,
            'reservation_time': request.session.get('reservation_time', []),
        }
        return render(request, 'reservation_data.html', context)

2. 确保session中存储的数据可序列化

Django的session仅支持可序列化的数据类型（字符串、数字、列表、字典等），所以在contact_details视图中存储reservation_date时，需要将datetime对象转换为字符串（推荐用ISO格式，方便后续解析）：

def contact_details(request):
    if request.method == 'POST':
        # 获取表单数据（示例）
        # client_name = request.POST.get('client_name')
        # reservation_date = datetime.strptime(request.POST.get('reservation_date'), '%Y-%m-%d')
        
        # 存储可序列化的数据到session
        request.session['client_name'] = client_name
        request.session['client_email'] = client_email
        request.session['client_phone'] = client_phone
        request.session['number_of_guests'] = number_of_guests
        request.session['reservation_date'] = reservation_date.isoformat()  # 转换为ISO格式字符串
        request.session['reservation_time'] = [str(time) for time in free_time()]
        
        return redirect('reservation_data')
    return render(request, 'contact_details.html')

3. 在模板中使用传递的时间数据

在reservation_data.html中，直接遍历reservation_time生成可选时段：

<div class="form-group">
    <label for="reservation_time">选择可用时段</label>
    <select id="reservation_time" name="reservation_time" required>
        {% for time_slot in reservation_time %}
            <option value="{{ time_slot }}">{{ time_slot }}</option>
        {% empty %}
            <option value="">暂无可用时段</option>
        {% endfor %}
    </select>
</div>

补充说明 #

• 使用redirect是正确选择：符合POST/REDIRECT/GET模式，避免用户刷新页面重复提交表单
• 无需合并视图：两页职责清晰（收集基础信息→选择餐桌和时段），分开维护更合理
• 可添加session过期处理：通过request.session.set_expiry(3600)设置session有效期，避免无效数据残留

内容的提问来源于stack exchange，提问作者marmeladixx