Как вынести отдельное количества продукта с листа java?

Question

[White_Wolf_DD]

Есть страница jsp корзины. Требуется сосчитать общую стоимость товара при добавлении количества товару.

Для такого метода взял код

<div class="col-md-12 col-lg-4 col-11 mx-auto mt-lg-0 mt-md-5">
    <div class="right_side p-3 shadow bg-white">
        <h2 class="cart_name mb-5">Общая сумма </h2>
        <div class="price_indiv d-flex justify-content-between">
            <p>Цена товара(ов)</p>
            <p><span id="cart_total_amt">${cartList.stream().map(product -> product.price).sum()}</span>€</p>
        </div>
        <div class="price_indiv d-flex justify-content-between">
            <p>Стомость доставки</p>
            <p><span id="shipping_charge">3</span>€</p>
        </div>
        <hr/>
        <div class="total-amt d-flex justify-content-between font-weight-bold">
            <p>Общая сумма (с учетом НДС) </p>
            <p><span id="total_cart_amt">0.00</span>€</p>
        </div>
        <a href="paymentForm" class="btn text-uppercase" style="background-color: #EB984E">Оплатить</a>
    </div>

При добавлении количества товара в input общая цена не изменяется

Код input'а

<div>
    <div class="def-number-input number-input safari_only mb-0 w-100 d-flex flex-row">
        <button id="basic-example-decrease"
                onclick="this.parentNode.querySelector('input[type=number]').stepDown()"
                class="minus"
                style="border: none; outline: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                 fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">
                <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"></path>
            </svg>
        </button>
        <input class="form-control" min="1" max="${product.count}" value="1"
               type="number"
               style="border-radius: 0; border-left: none; border-right: none; text-align: center;">
        <button id="basic-example-add"
                onclick="this.parentNode.querySelector('input[type=number]').stepUp()"
                class="plus"
                style="border: none; outline: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                 fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
                <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
            </svg>
        </button>
    </div>
</div>

Answer 1

[Орхан Гасанлы]

Добрый день.
А какое отношение клиентская часть имееть к серверному?

При добавлении количества товара в input общая цена не изменяется

Это срабатывает на клиенте и тут может помочь JavaScript, а не Java

Как вынести отдельное количества продукта с листа java?

Не думаю, что вопрос корректен, если честно. Вам нужно на клиенте суммировать стоимость товара внутри корзины. Соответственно. вынесение товаров в отдельный лист на сервере не поможет

Comments

[White_Wolf_DD]

Всё работает на сервере. Все процедуры должны быть в нём. Работаем в двоём. Решили сделать форму на input. Кнопку "оплатить" переделали в кнопку "Checkout". При её нажатии умножаются числа введёные в input на цену данного товар где лежит input. После чего, открывается новая страница с общей стоимостью всех выбранных товаров и выбранным количеством товара. В checkout надо заполнить форму, адрес доставки и пр. После принятия, общая сумма должна сняться с баланса покупателя и в history отметить, что он взял такой-то товар таким-то количеством. Но servlet не считывает, что находиться в input и выдаёт значение null

[White_Wolf_DD]

Да, некорректно составил вопрос. Не смог добавить больше информации о своём коде, так как сайт не даёт написать более 10к символов. Могу залить на github и передать ссылку

[Орхан Гасанлы]

White_Wolf_DD,
Предположим, что вы сфорировали список товаров и отдали их на клиент.

При её нажатии умножаются числа введёные в input на цену данного товар где лежит input. После чего, открывается новая страница с общей стоимостью всех выбранных товаров и выбранным количеством товара.

Далее получается, что пользователь вводит в input определенное кол-во товара. Например, 2. И выбранное кол-во умножается на стоимость товара (допустим 2 х 100).
Когда пользователь нажимает на кнопку "checkout" и запрос поступает на сервер, вам нужно сформировать заказ. Т.е. создайте сущность Order, где нужно сохранить id юзера, список товаров, а также общую стоимость и статус заказа. В момент создания заказа ему присвойте статус "unpaid".

После принятия, общая сумма должна сняться с баланса покупателя и в history отметить, что он взял такой-то товар таким-то количеством.

А после того, как юзер примет "оплатит" заказ, то присвойте ему статус paid.

Но servlet не считывает, что находиться в input и выдаёт значение null

Тут проблема может быть как на серверной стороне, так и на клиенте.
С клиента, чтобы сфорировать заказ вам нужно отправить id купленных товаров, а также общую стоимость.
Затем сформировать новый заказ и присвоить его авторизованному пользователю.
Например, из клиента убегает некорректный запрос с пустым значением стоимости. Откройте консоль браузера и во вкладке "Сеть" (Network) посмотрите какой запрос убегает. Если убегает на сервер корректный запрос с нужными данными, то посмотрите на серверную часть, а именно, что приходит в сервлет.

Если не получится, то залейте проект на гит и скиньте.

[White_Wolf_DD]

Орхан Гасанлы, привет. В общем бились бились над этой проблемой, так и не решили её.
https://github.com/Numidia228/JPTVR19WebShop вот ссылка на гит, надеюсь сможете помочь. Спасибо.
Чтоб не изучать самим. То в систему можно войти введя логин "admin" и пароль "admin". Добавить новый товар. В сервлете можно указать новый путь сохранения картинок. По умолчанию стоит на D://UploadJPTVR19.
После добавление нового товара, зайти в список товаров, добавить в корзину и потом слева будут тестовые ссылки, там нажать на корзину.

Подключали всё через XAMPP, создавали новую БД через MySQL, настраивали pool на localhost:4848.

[Орхан Гасанлы]

Добрый день!
Удалось добраться до вашего проекта и глянуть на него.

После принятия, общая сумма должна сняться с баланса покупателя и в history отметить, что он взял такой-то товар таким-то количеством. Но servlet не считывает, что находиться в input и выдаёт значение null

Это происходит потому, что вы ничего не отправляете на сервер при POST запросе на /payment
Вот, скрин:
https://i.imgur.com/Q6FT81z.png
Вот, например, на этом скрине атрибут name отсутствует. Потому на сервер ничего и не отправляется
https://i.imgur.com/5AJ0Zq5.png
Добавил атрибуты name в input'ы (paymentForm.jsp)

paymentForm

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<form action="payment" method="post">
    <div class="container">
        <div class="row">
            <div class="col-md-4 order-md-2 mb-4">

                <h4 class="d-flex justify-content-between align-items-center mb-3">
                    <span class="text-muted">Ваша корзина</span>
                </h4>

                <ul class="list-group mb-3">
                    <c:forEach var="product" items="${cartList}" varStatus="productId">
                        <li class="list-group-item d-flex justify-content-between lh-condensed ">
                            <div>
                                <h6 class="my-0 w-75">${product.title} ${product.model}</h6>
                                <small class="text-muted">${product.description}</small>
                            </div>
                            <div class="d-flex flex-column w-100 justify-content-center">
                                <span class="text-muted"
                                      style="margin-left: auto">${product.price}€ X ${quantity}</span>
                                <small class="text-muted float-right"
                                       style="font-size: 12px; margin-left: auto">${product.price * quantity}€</small>
                            </div>
                        </li>
                    </c:forEach>

                    <li class="list-group-item d-flex justify-content-between bg-light">
                        <div class="text-success">
                            <h6 class="my-0">Промо-код</h6>
                            <small>kapatichloh</small>
                        </div>
                        <span class="text-success">-5€</span>
                    </li>

                    <li class="list-group-item d-flex justify-content-between">
                        <span>Total (USD)</span>
                        <span id="totalPrice" name="totalPrice" class="font-weight-bold">${totalPrice}</span>
                    </li>
                </ul>
            </div>

            <div class="col-md-8 order-md-1">
                <h4 class="mb-3">Платежный адрес</h4>
                <form class="needs-validation" novalidate="">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="name">Имя</label>
                            <input name="name" type="text" class="form-control" id="name" placeholder="" value="${user.buyer.name}"
                                   required>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="lastname">Фамилия</label>
                            <input name="lastname" type="text" class="form-control" id="lastname"
                                   value="${user.buyer.lastname}" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="email">Email<span class="text-muted"></span></label>
                        <input name="email" type="email" class="form-control" id="email"
                               value="${user.buyer.email}" required>
                    </div>

                    <div class="row">
                        <div class="col-md-5 mb-3">
                            <label for="address">Адрес</label>
                            <input name="address" type="text" class="form-control" id="address"
                                   value="${user.buyer.address}" required>
                        </div>

                        <div class="col-md-3 mb-3">
                            <label for="zip">Zip-код</label>
                            <input name="zip" type="text" class="form-control" id="zip" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="address2">Адрес 2<span class="text-muted"> (необязательно)</span></label>
                        <input name="address2" type="text" class="form-control" id="address2">
                    </div>

                    <hr class="mb-4">

                    <h4 class="mb-3">Оплата</h4>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="cc-name">Имя владельца карты</label>
                            <input name="cc-name" type="text" class="form-control" id="cc-name" placeholder="" required="">
                            <small class="text-muted">Полное имя написано на карте.</small>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label for="cc-number">Номер карты</label>
                            <input name="cc-number" type="text" class="form-control" id="cc-number" placeholder="" required="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label for="cc-expiration">Срок действия</label>
                            <input name="cc-expiration" type="text" class="form-control" id="cc-expiration" placeholder="" required="">
                        </div>

                        <div class="col-md-3 mb-3">
                            <label for="cc-expiration">CVV</label>
                            <input name="cc-cvv" type="text" class="form-control" id="cc-cvv" placeholder="" required="">
                        </div>
                    </div>

                    <hr class="mb-4">

                    <input class="btn btn-primary btn-lg btn-block" value="Продолжить" type="submit">
                </form>
            </div>
        </div>
    </div>
</form>

И теперь, данные отправляются на сервер:
https://i.imgur.com/Rjak1t7.png
Только вот, у вас нет сервлета, чтобы обработать запросы поступающие в /payment
Напишите сервлет, который примет данные из указанной формы, обработает их и вернет соответствующий результат

Ниже несколько советов по улучшению вашего проекта:
1) https://i.imgur.com/mRZmW7V.png
Файлов конфигурации IDE (.idea и т.д.) не должно быть в гит
Build директорий тоже не должно быть в гит (например, target)
Соответственно, лишние файлы нужно убрать из гита. А также используйте файл .gitignore
2) Комментарии к коммитам должны быть осмысленными. Неважно является ли проект тестовым или нет, старайтесь всегда указывать корректные комментарии.
3) https://i.imgur.com/TNbSCB4.png
Желательно, чтобы внутри директории java был пакет с указанием доменного имени и самого проекта. Например,
com.example.website
com.example.website.entity
com.example.website.servlets
4) Является ли проект рабочим? У вас в pom указана зависимость без версии, но при этом parent pom spring'a откуда он может взять актуальную версию отсутствует.

<dependency>
            <groupId>org.springframework.security</groupId>
            <artifactId>spring-security-taglibs</artifactId>
        </dependency>

Добавил туда:
<version>5.4.5</version>
5) Подобные конфиги лучше вынести в yml или properties

String uploadFolder = "D:\\UploadJPTVR19WebShop/avatars";

Иначе приложение будет не devOPS friendly.
6) У вас в файле footer.jspf отсутствуют закрывающие теги

</body>
</html>

Как должно быть: https://i.imgur.com/1hc4znt.png

7) Я добавил зависимость:

<dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.0.1</version>
            <scope>provided</scope>
        </dependency>

Иначе не работал сайт

8) Нельзя вкладывать тег form в другой тег form

[White_Wolf_DD]

Орхан Гасанлы, вау, спасибо большое за такую проделанную работу и помощь. Если Вам не составит трудов, можете сделать репозиторий и скинуть ссылку? Так-же учту Ваши советы в будущем. Ещё раз огромное спасибо

[Орхан Гасанлы]

White_Wolf_DD, в общем-то самое важное я показал в своем ответе.
Но на всякий случай вот, ссылка.
https://github.com/azerphoenix/JPTVR19WebShop_jakarta
Не забудьте пройтись по моим рекомедациям.
+ Поменяйте пути в сервлетах на ваши
А также поменяйте конфиги для БД на свои

[White_Wolf_DD]

Орхан Гасанлы, хорошо. Спасибо