Как пользователь может отсортировать цену?

#php #html

#php #HTML

Вопрос:

Это часть моего кода, я просто студент колледжа, который борется с заданием. Это для страницы списка продуктов, которые позволяют пользователю сортировать цену продукта (proPrice), а также самый новый или самый старый продукт по идентификатору.

 <?php
                if ($result->num_rows > 0) {
                    while ($row = $result-> fetch_assoc()) {
                        $output = '<div class="col-md-4 ">
                       <div class="card mb-4 shadow-sm">
                         <img class="item_title" style="width:100%;height:225%;" src="' . $row['proImg'] . ' ">
                       <div  class="card-body">
                        <div  style="text-align: center;">
                       <p><b class="item_name" id="s">' . $row['proName'] . '</b><br>
                       <small class="item_color" id="s">' . $row['proColor'] . '</small></p>
                      </div>
                        <p class="item_price" style="font-size:20px;" > RM' . $row['proPrice'] . '
                         </p>
                    <form style="padding:10px;margin-top:5px;" action="proDesc.php">
                     <button style="width:100%;" class="btn btn-outline-primary">Add to Cart
                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-cart-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
                  </svg>
                 </button>
               </form>
                <form style="padding:10px;margin-top:5px;" action="proDesc.php" >
                 <input type="hidden" name="name" class="item_id" value="' . $row['proID'] . '">
                <button type="submit" style="width:100%;" class="btn btn-outline-primary">View</button>
                 </form></div></div></div>';
                        echo $output;
                        
                    }
                } else {
                    echo "0 results";
                }
                ?>
 

Комментарии:

1. Как и когда пользователь выбирает этот критерий сортировки? Отправляют ли они свой выбор в форме или это должно происходить на странице результатов без обновления? Может ли их быть несколько (например, как по цене, так и по идентификатору)?

2. пользователь может отсортировать цену, нажав на кнопку, но для идентификатора используется переключатель.. Я просто поставил onclick, я не уверен, что это работает. Я надеюсь, что результат произойдет на странице без обновления … в настоящее время можно выбрать оба из них .. но я не уверен, как позволить им просто выбрать любой из них

3. Создайте конечную точку REST, которая возвращает отсортированные продукты, а затем напишите некоторый JavaScript, который использует конечную точку REST для добавления отсортированных продуктов. Вы можете использовать эту функцию сортировки для сортировки php.net/manual/en/function.usort в вашей конечной точке REST, чтобы получить желаемую сортировку.