Bootstrap和Java分页实例第二篇

时间：2021-05-28

关于此文

　　运用第一篇分页的例子，结果以失败告终。在网上又寻找了很多例子。大多是都是这一种。着手开发的项目采用spring MVC框架。符合需求。摘下来，试了一试。

网上的例子总是少一些东西。经过一番折腾。终于搞定了。下面分享出来，供参考。

分页基本逻辑思想懂了，重点是在于怎么实现。怎么实现更好。还需要进一步思考。

配置xml-pager.tld

<?xml version="1.0" encoding="UTF-8" ?><taglib xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http:///jsp/jstl/core" %><!DOCTYPE html><html><head><title>测试分页标签</title> <link href="<%=path%>/css/bootstrap.css" rel="stylesheet"> <link href="<%=path%>/css/bootstrap-responsive.css" rel="stylesheet"> <script type="text/javascript"> function toDel(id){ var url = "<%=path%>/test/del?id=" + id +"&pageNum=${param.pageNum}&pageSize=${param.pageSize}"; window.location.href = url; } </script></head><body> <div class="container"> <c:forEach items="${list}" var="item"> <div class="border-bottom1"> <h3><a href="<%=path%>/test/view?id=${item.id}">${item.name}</a></h3> <p> ${item.content} </p> <p class="text-right muted"> 2013-06-22 22:37&nbsp;&nbsp; <a href="javascript:toDel('${item.id}');">删除</a>&nbsp;&nbsp; <a href="<%=path%>/test/toEdit?id=${item.id}&pageNum=${param.pageNum}&pageSize=${param.pageSize}">编辑</a>&nbsp;&nbsp; </p> </div> </c:forEach> <form method="post" id="testForm" action="<%=path%>/test/test.do"> <input type="hidden" name="type" value="${type}"> </form> <page:createPager pageSize="${pageSize}" totalPage="${totalPage}" totalCount="${totalCount}" curPage="${pageNum}" formId="testForm"/> </div> </body></html>

实例-SQL

SET FOREIGN_KEY_CHECKS=0;-- ------------------------------ Table structure for `book`-- ----------------------------DROP TABLE IF EXISTS `book`;CREATE TABLE `book` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(20) DEFAULT NULL, `price` int(11) DEFAULT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=25 DEFAULT CHARSET=utf8;-- ------------------------------ Records of book-- ----------------------------INSERT INTO `book` VALUES ('1', '图书1', '10');INSERT INTO `book` VALUES ('2', '图书2', '11');INSERT INTO `book` VALUES ('3', '图书3', '12');INSERT INTO `book` VALUES ('4', '图书4', '13');INSERT INTO `book` VALUES ('5', '图书5', '14');INSERT INTO `book` VALUES ('6', '图书6', '15');INSERT INTO `book` VALUES ('7', '图书7', '16');INSERT INTO `book` VALUES ('8', '图书8', '17');INSERT INTO `book` VALUES ('9', '图书9', '18');INSERT INTO `book` VALUES ('10', '图书10', '19');INSERT INTO `book` VALUES ('11', '图书11', '11');INSERT INTO `book` VALUES ('12', '图书12', '23');INSERT INTO `book` VALUES ('13', '图书13', '22');INSERT INTO `book` VALUES ('14', '图书14', '22');INSERT INTO `book` VALUES ('15', '图书15', '22');INSERT INTO `book` VALUES ('16', '图书16', '9');INSERT INTO `book` VALUES ('17', '图书17', '10');INSERT INTO `book` VALUES ('18', '图书18', '2');INSERT INTO `book` VALUES ('19', '图书19', '8');INSERT INTO `book` VALUES ('20', '图书20', '78');INSERT INTO `book` VALUES ('21', '图书21', '21');INSERT INTO `book` VALUES ('22', '图书22', '22');INSERT INTO `book` VALUES ('23', '图书23', '23');INSERT INTO `book` VALUES ('24', '图书24', '24');

实例图

测试示例图

分页融合到自己的代码中示例图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章