Привет, коллеги stackoverflowers, я создаю приложение электронной коммерции в JSP. Все мои продукты хранятся в серверной базе данных (Mysql) в таблице с именем product
.Как установить разбиение на страницы на стороне клиента для отображения данных из базы данных?
Весь продукт данных уже выбран или разделен на несколько категорий на стороне сервера в имени таблицы category
.
Это страница JSP используется для отображения данных на стороне клиента:
<table class="producTable" style="text-align: left; width: 100%;" cellspacing="40px">
<c:forEach var="product" items="${categoryProducts}" varStatus="iter">
<td>
<tbody>
<tr>
<td style="vertical-align: middle; text-align: center;" class="cell">
<a href="viewProduct?${product.id}">
<img class="img" alt="" src="${initParam.productImagePath}${product.name}.jpg" />
<div class="caption">
<br>view details</div>
</a>
<br>
</td>
<td style="vertical-align: middle; width: 140px; text-align: center; ">${product.name}
<br>
</td>
<td style="vertical-align: middle; width: 120px; text-align: center; line-height:100%;">$${product.price}
<br>
</td>
<td style="vertical-align: middle; width: 136px; text-align: center; line-height:20%;">
<form id="wishlistForm" action="addToWishlist" method="post">
<br>
<br>
<input name="productId" value="${product.id}" type="hidden">
<input class="submit" onclick="addedWishlist()" value="<fmt:message key='AddToWishlist'/>" type="submit">
</form>
<br>
</td>
<td style="vertical-align: middle; width: 136px; text-align: center; line-height:20%;">
<form id="cartForm" action="addToCart" method="post">
<br>
<br>
<input name="productId" value="${product.id}" type="hidden">
<input class="submit" onclick="addedCart()" value="<fmt:message key='AddToCart'/>" type="submit">
</form>
<br>
</td>
</tr>
</tbody>
</c:forEach>
</table>
Теперь я хотел бы динамически получать данные на стороне клиента, используя нумерацию страниц. Параметры должны быть:
- Предыдущих Следующей -
- показа (страница страницы)
- результатов Показать X на страницу
- И видя, количество страниц (1-2-3-4. ..)
Я пробовал много много сценариев нумерации страниц JQuery, но ни один из них не работал, и, кажется, не достичь того, чего я хочу. Нет необходимости в <thead>
. Я просто хочу получить частичные списки, когда пользователь выбирает определенную категорию в хранилище приложений. Знаете ли вы какие-нибудь хорошие сценарии, которые могут мне помочь?