Передать отмеченные галочками записи в таблицу на новой странице

@AlxVer · Регистрация: 02.09.2021

Студворк — интернет-сервис помощи студентам

Есть список меню кафе с галочками для выбора блюд и кнопкой "Отправить", которая переходит на новую страницу, где выведен список блюд, аллергенов и сумма заказа. Возникли сложности с формированием этой новой страницы. Идея состоит в том, чтобы передать id выбранных блюд и по этому id вытащить из базы menu_title, menu_price, menu_allergens и т.д. и построить таблицу со всеми данными.

Я передаю в views.py в переменную `checks` помеченные блюда, они формируются в виде листа стрингового типа, напр. ['2','3'], преобразую в числовой вид и при попытке скормить `checks` в `MenuShow.objects.filter(id = checks)` естественно, выходит ошибка, так как условие должно быть одно. Пробовал и MenuShow.objects.get() - но там возможен вывод только одного значения из БД. Сейчас реализовал получение c for in по одному QuerySet и объединяю их в один массив для передачи в html. Ничего не отображается. Может существует более простое и элегантное решение?

Как вывести таблицу на следующей странице со всеми данными? Буду благодарен за любое содействие в решении данной проблемы.

models.py

Python
1
2
3
4
5
6
7
8
class MenuShow(models.Model):
    menu_img = models.ImageField(upload_to='imgmenu/', verbose_name='Фото блюда')
    menu_title = models.CharField(max_length=100, verbose_name='Название')
    menu_ingredients = models.CharField(max_length=300, verbose_name='Состав')
    menu_price = models.CharField(max_length=100, verbose_name='Цена, руб.')
    menu_category = models.CharField(max_length=100, verbose_name= 'Категория (salads, soup, hotter, grill)')
    menu_allergens = models.CharField(max_length=300, null=True, default='Нет', verbose_name='Наличие аллергенов')
    menu_kkal = models.CharField(max_length=100, null=True, default='0', verbose_name='Пищевая ценность Ккал')

views.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
def checkout(request):
    checks = request.POST.getlist('checks')
    print(checks) #Проверяем наличие id галочек
    array_num = [int(item) for item in checks] #перевод в числовой вид из стрингового представления
    appen = []
    for el in range(0, len(array_num)):
        count = array_num[el] #получение значения первого элемента листа
        chk = MenuShow.objects.get(id = count) #выбираем из БД значение, равное id объекта в БД
        print(chk)
        appen.append(chk) # присоединение к массиву для вывода двух и более галочек в итоговой таблице
    checks_list = appen
    print(appen)
    return render(request, './checkout.html', {'checks' : checks, 'checks_list' : checks_list})

checkout.html

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<section>
    <div class="container">
        <div class="row">
        <h1>Выбрано {{ checks }}</h1>
        </div>
    </div>
</section>
    <section>
    <div class="container">
        <div class="row">
        {% for chk in checks_list %}
            {{ chk.menu_title }}
            {% endfor %}
        <table>
            {% for chk in checks_list %}
            <tr><td> {{ chk.menu_title }}</td></tr>
            {% endfor %}
        </table>
        </div>
    </div>
</section>

menu.html

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="container">
                    <div class="row">
                     <form action="{% url 'checkout' %}" method="post">
                         {% csrf_token %}
                        <div class="col-md-10 col-md-offset-1">
                            <ul id="menu-pricing" class="menu-price">
                                {% for menu_item in menu_list %}
                                <li class="item {{ menu_item.menu_category }}">
 
                                    <a href="#">
                                        <img src="{{ menu_item.menu_img.url }}" class="img-responsive" alt="Food" >
                                        <div class="menu-desc text-center">
                                            <span>
                                                <h3>{{ menu_item.menu_title }}</h3>
                                                {{ menu_item.menu_ingredients }} <br>
                                                Аллергены: {{ menu_item.menu_allergens }} <br>
                                                Пищевая ценность: {{ menu_item.menu_kkal }} Ккал
                                            </span>
                                        </div>
                                    </a>
                                    <div>
                                            <input type="checkbox" name="checks" value="{{ menu_item.id }}" />
                                        <h2 class="white">{{ menu_item.menu_price }} руб.</h2>
                                    </div>
                                </li>
                                {% endfor %}
                            </ul>
 
                            <div class="col-md-12 col-sm-12">
                                  <button type="submit" id="submit" name="submit" class="btn btn-reservation">
                                      <span><i class="fa fa-check-circle-o"></i></span>
                                  Посчитать заказ!
                                 </button>
                            </div>
                        </div>
                     </form>
                    </div>
                </div>

Окошко вывода терминала прилагаю во вложении

@AlxVer · 02.09.2021, 14:22 **[ТС]**

С небольшой модификацией views.py и checkout.html удается вывести только один отмеченный элемент, при выборе нескольких уже генерируются пустые строки в таблице без данных.

views.py

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
def checkout(request):
    checks = request.POST.getlist('checks')
    print(checks)  # Проверяем наличие id галочек
    array_num = [int(item) for item in checks]  # перевод в числовой вид из стрингового представления
    appen = []
    flag = False # флаг для определения 2 и более выбранных элементов (для if-else в HTML-шаблоне)
    if (len(array_num)>1):
        for el in range(0, len(array_num)):
            flag = True
            count = array_num[el]  # получение значения первого элемента листа
            chk = MenuShow.objects.get(id=count)  # выбираем из БД значение, равное id объекта в БД
            print(chk)
            appen.append(chk)  # присоединение к массиву для вывода двух и более галочек в итоговой таблице
        checks_list = appen
    else:
        checks_list = MenuShow.objects.get(id=array_num[0])
        flag = False
        print(checks_list)
    print(appen)
    return render(request, './checkout.html', {'checks': checks, 'checks_list': checks_list, 'flag': flag})

checkout.html

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<section>
    <div>
        <table class="table">
  <thead>
    <tr>
      <th scope="col">№</th>
      <th scope="col">Блюдо</th>
      <th scope="col">Аллергены</th>
      <th scope="col">Цена</th>
    </tr>
  </thead>
  <tbody>
  {% if flag == True %}
    {% for el in checks_list %}
    <tr>
      <th scope="row">{{ checks_list.id }}</th>
      <td>{{ checks_list.menu_title }}</td>
      <td>{{ checks_list.menu_allergens }}</td>
      <td>{{ checks_list.menu_price }}</td>
    </tr>
    {% endfor %}
  {% else %}
    <tr>
      <th scope="row">{{ checks_list.id }}</th>
      <td>{{ checks_list.menu_title }}</td>
      <td>{{ checks_list.menu_allergens }}</td>
      <td>{{ checks_list.menu_price }}</td>
    </tr>
  {% endif %}
  </tbody>
</table>
    </div>
        <div class="container">
        <h1>Выбрано {{ checks }}</h1>
    </div>
</section>

@Onet1me · 09.09.2021, 11:52

Первое что надо, это передавать id в checks не строкой а цифрой, ну или преобразуй после в цифры
а запрос к базе сделай так:

MenuShow.objects.filter(id__in = checks)

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Onet1me 60 / 44 / 18 Регистрация: 05.03.2019 Сообщений: 313
	09.09.2021, 11:52
	Первое что надо, это передавать id в checks не строкой а цифрой, ну или преобразуй после в цифры а запрос к базе сделай так: MenuShow.objects.filter(id__in = checks) 0