Как временно сохранить выбранные данные из одной таблицы в другую, не перезаписывая предыдущие данные?

Question

У меня есть таблица html, в которой мне нужно перенести или скопировать строку данных из этой таблицы в другую таблицу той же структуры, которую я называю cart в моей базе данных. Для этого я бы хотел, чтобы при нажатии на кнопку (+) данной строки, чтобы были добавлены соответствующие данные в таблицу корзины.

Это мой шаблон

 <form type="post" action="" style="margin: 0" >
        <label for="code" class="nav-link">Référence </label>
        <div class="col-sm-9">
            <input  id="productCode" type="text" name="productCode"  placeholder="Entez le code du produit ..." onkeyup="myFunction()">
        </div>  
    </form>

    <table class="table table-bordered" id="productsTable" width="400">
        <thead>
            <tr>
                <th>ID</th>
                <th width="10%">Code</th>
                <!-- <th width="16%">Catégorie</th> -->
                <th width="50%">Libéllé</th>
                <!-- <th width="12%">Marque</th> -->
                <th  width="11%">Date entrée </th>
                <th width="11%">Qté initiale </th>
                <!-- <th width="12%">Quantity </th> -->
                <!-- <th width="12%">Qtité finale </th> -->
                <th>PU</th>
                <!-- <th>Statut</th> -->
                <th style="align-self: center;">Actions</th>
            </tr>
        </thead>
        <tbody>
        {% if products|length < 1 %}
            <tr>
            <td colspan="20" class="text-center">Aucune donnée trouvée, veuillez ajouter quelques données!</td>
            </tr>
        {% else %}
            {% for product in products %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ product.code }}</td>
                    <!-- <td>{{ product.category }}</td> -->
                    <td>{{ product.name }}</td>
                    <!-- <td>{{ product.brand }}</td> -->
                    <td>{{ product.date_entry }}</td>
                    <td>{{ product.quantity_entry }}</td>
                    <!-- <td>{{ product.quantity }}</td> -->
                    <!-- <td>{{ product.final_stock }}</td> -->
                    <td>{{ product.unit_price }}</td>
                    <!-- <td>{{ product.status }}</td> -->
                    <!-- <td><label {% if product.status == '1' %}class="badge badge-success" {% else %} class="badge badge-danger" {% endif %}>{{ product.get_status_display }}</label></td> -->
                    <td>
                        <!-- <button class="btn btn-danger" id="btn-delete" data-url="#" data-toggle="modal"
                                    data-target="#removeCategoryModal"></button> -->
                            <!-- <span class="glyphicon glyphicon-trash"> --><a href="#"><i class="fa fa-trash" style="color:red"></i></a>
                            <!-- Supprimer -->

                        <!-- <button class="btn btn-info show-form-delete" id="btn-update" data-url="#" data-taraget="#btn-update" data-toggle="modal"></button> -->
                           <!--  <span class="glyphicon glyphicon-pencil"></span> --><a href="#"><i class="fa fa-pencil"></i></a>
                            <!-- Editer -->
                        <a href="#"><i class="fa fa-plus-square"></i></a>

                    </td>
                </tr>
            {% endfor %}
        {% endif %}
        </tbody>
    </table>

    <script type="text/javascript">
        function myFunction() {
                var input, filter, table, tr, td, i, txtValue;
                input = document.getElementById("productCode");
                filter = input.value.toUpperCase();
                table = document.getElementById("productsTable");
                tr = table.getElementsByTagName("tr");
                for (i = 0; i < tr.length; i++) {
                    td = tr[i].getElementsByTagName("td")[1];
                    if (td) {
                        txtValue = td.textContent || td.innerText;
                        if (txtValue.toUpperCase().indexOf(filter) > -1) {
                            tr[i].style.display = "";
                        } else {
                            tr[i].style.display = "none";
                        }
                    }       
                }
            }
    </script>

И это виды отображения списка продуктов

def products_list(request):
    products_lists = Product.objects.all()
    print(products_lists)
    html = render_to_string('modules/tables_products.html', {"products": products_lists})
    return JsonResponse({"message": "Ok", "html": html})

Обратите внимание, что у меня есть модель продукта, содержимое которой находится в таблице выше и модель корзины, которая будет временно получать данные из каждой строки, выбранной в таблице.

Пожалуйста, помогите мне для переноса просмотров.

Answer 1

В контексте электронной коммерции / корзины я рекомендую использовать сессий для построения корзины. На github есть пример проекта, который это делает. Проверьте код корзины

Если вы хотите узнать больше о django сессии django -сессии