微服务 教程
1085个小节阅读:196.7k
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的收藏</title>
<link rel="stylesheet" type="text/css" href="/frontdesk/css/common.css">
<link rel="stylesheet" href="/frontdesk/css/faviorite.css">
<script src="/frontdesk/js/jquery-3.3.1.js"></script>
<script src="/frontdesk/js/bootstrap.js"></script>
<script src="/frontdesk/js/bootstrap-paginator.js"></script>
</head>
<body>
<!--引入头部-->
<header th:replace="~{/frontdesk/header::header}"></header>
<div class="page_one">
<div class="contant">
<div class="left">
<ul>
<li th:each="product : ${productPage.records}">
<img th:src="${product.pImage}" width="320"/>
<div class="contents">
<p th:text="${product.productName}">
山西五台山2日1晚跟团游
</p>
<div>
<p class="price_num">
<span>¥</span>
<span th:text="${product.price}">299</span>
<span>起</span>
</p>
<p class="details">
<a th:href="@{/frontdesk/product/routeDetail(pid=${product.pid})}">查看详情</a>
</p>
</div>
</div>
</li>
</ul>
<div class="pageNum">
<ul class="pagination">
</ul>
</div>
</div>
</div>
</div>
</div>
<!--引入尾部-->
<footer th:replace="~{/frontdesk/footer::footer}"></footer>
</body>
<script>
$(function () {
var currentPage = [[${productPage.current}]]; // 当前页
var pages = [[${productPage.pages}]]; // 总页数
// 分页插件
$('.pagination').bootstrapPaginator({
bootstrapMajorVersion: 3, // bootstrap版本
currentPage: currentPage, // 当前页
totalPages: pages, // 总页数
numberOfPages: 10, // 最多显示多少页
itemTexts: function (type, page, current) { // 配置自定义文本
switch (type) {
case "first":
return "首页";
case "prev":
return "<<";
case "next":
return ">>";
case "last":
return "尾页";
case "page":
return page;
}
},
onPageClicked: function (event, originalEvent, type, page) { // 点击页码执行的方法
location.href = "/frontdesk/favorite/myFavorite?page=" + page;
}
});
})
</script>
</html>