关于mybatis 的pagehelper使用问题

yangzong1118 2017-08-29 01:02:55


我这个用法错了 不知道具体怎么用 不用分页直接显示肯定没问题 这个分页是哪里有问题 新手 求助大神相助 感谢
...全文
579 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
yangzong1118 2017-09-01
  • 打赏
  • 举报
回复
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <%@include file="/WEB-INF/jsp/header.jsp" %> <link rel="stylesheet" href="<%=ctxPath %>/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"> <link href="<%=ctxPath %>/Widget/icheck/icheck.css" rel="stylesheet" type="text/css" /> <script src="<%=ctxPath %>/assets/js/typeahead-bs2.min.js"></script> <script type="text/javascript" src="<%=ctxPath %>/Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script> <script src="<%=ctxPath %>/js/lrtk.js" type="text/javascript" ></script> <title>产品列表</title> </head> <body> <div class=" page-content clearfix"> <div id="products_style"> <div class="search_style"> <div class="title_names">搜索查询</div> <ul class="search_content clearfix"> <li><label class="l_f">产品名称</label><input name="" type="text" class="text_add" placeholder="输入品牌名称" style=" width:250px"/></li> <li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li> <li style="width:90px;"><button type="button" class="btn_search"><i class="icon-search"></i>查询</button></li> </ul> </div> <div class="border clearfix"> <span class="l_f"> <a href="picture-add.html" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a> <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a> </span> <span class="r_f">共:<b>2334</b>件商品</span> </div> <!--产品列表展示--> <div class="h_products_list clearfix" id="products_list"> <div id="scrollsidebar" class="left_Treeview"> <div class="show_btn" id="rightArrow"><span></span></div> <div class="widget-box side_content" > <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div> <div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">产品类型列表</h4></div> <div class="widget-body"> <div class="widget-main padding-8"><div id="treeDemo" class="ztree"></div></div> </div> </div> </div> </div> <div class="table_menu_list" id="testIframe"> <table class="table table-striped table-bordered table-hover" id="sample-table"> <thead> <tr> <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th> <th width="80px">产品编号</th> <th width="250px">产品名称</th> <th width="100px">价格</th> <th width="100px">库存</th> <th width="180px">加入时间</th> <th width="80px">审核状态</th> <th width="70px">状态</th> <th width="200px">操作</th> </tr> </thead> <tbody> <c:forEach items="${sunItemList.rows}" var="list"> <tr> <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td> <td width="80px">${list.id }</td> <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">${list.title }</u></td> <td width="100px">${list.price }</td> <td width="100px">${list.num }</td> <td width="180px"><fmt:formatDate value="${list.created }" pattern="yyyy-MM-dd" /></td> <td class="text-l">${list.status }</td> <td class="td-status"><span class="label label-success radius">已启用</span></td> <td class="td-manage"> <a onClick="member_stop(this,'10001')" href="javascript:;" title="停用" class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a> <a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;" class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="icon-trash bigger-120"></i></a> </td> </tr> </c:forEach> </tbody> </table> </div> </div> </div> </div> </body> </html> <script> jQuery(function($) { var oTable1 = $('#sample-table').dataTable( { "aaSorting": [[ 1, "desc" ]],//默认第几个排序 "bStateSave": true,//状态保存 "aoColumnDefs": [ //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示 {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序 ] } ); $('table th input:checkbox').on('click' , function(){ var that = this; $(this).closest('table').find('tr > td:first-child input:checkbox') .each(function(){ this.checked = that.checked; $(this).closest('tr').toggleClass('selected'); }); }); $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement}); function tooltip_placement(context, source) { var $source = $(source); var $parent = $source.closest('table') var off1 = $parent.offset(); var w1 = $parent.width(); var off2 = $source.offset(); var w2 = $source.width(); if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right'; return 'left'; } }); laydate({ elem: '#start', event: 'focus' }); $(function() { $("#products_style").fix({ float : 'left', //minStatue : true, skin : 'green', durationTime :false, spacingw:30,//设置隐藏时的距离 spacingh:260,//设置显示时间距 }); }); </script> <script type="text/javascript"> //初始化宽度、高度 $(".widget-box").height($(window).height()-215); $(".table_menu_list").width($(window).width()-260); $(".table_menu_list").height($(window).height()-215); //当文档窗口发生改变时 触发 $(window).resize(function(){ $(".widget-box").height($(window).height()-215); $(".table_menu_list").width($(window).width()-260); $(".table_menu_list").height($(window).height()-215); }) /*******树状图*******/ var setting = { view: { dblClickExpand: false, showLine: false, selectedMulti: false }, data: { simpleData: { enable:true, idKey: "id", pIdKey: "pId", rootPId: "" } }, callback: { beforeClick: function(treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("tree"); if (treeNode.isParent) { zTree.expandNode(treeNode); return false; } else { demoIframe.attr("src",treeNode.file + ".html"); return true; } } } }; var zNodes =[ { id:1, pId:0, name:"商城分类列表", open:true}, { id:11, pId:1, name:"蔬菜水果"}, { id:111, pId:11, name:"蔬菜"}, { id:112, pId:11, name:"苹果"}, { id:113, pId:11, name:"大蒜"}, { id:114, pId:11, name:"白菜"}, { id:115, pId:11, name:"青菜"}, { id:12, pId:1, name:"手机数码"}, { id:121, pId:12, name:"手机 "}, { id:122, pId:12, name:"照相机 "}, { id:13, pId:1, name:"电脑配件"}, { id:131, pId:13, name:"手机 "}, { id:122, pId:13, name:"照相机 "}, { id:14, pId:1, name:"服装鞋帽"}, { id:141, pId:14, name:"手机 "}, { id:42, pId:14, name:"照相机 "}, ]; var code; function showCode(str) { if (!code) code = $("#code"); code.empty(); code.append("<li>"+str+"</li>"); } $(document).ready(function(){ var t = $("#treeDemo"); t = $.fn.zTree.init(t, setting, zNodes); demoIframe = $("#testIframe"); demoIframe.bind("load", loadReady); var zTree = $.fn.zTree.getZTreeObj("tree"); zTree.selectNode(zTree.getNodeByParam("id",'11')); }); /*产品-停用*/ function member_stop(obj,id){ layer.confirm('确认要停用吗?',function(index){ $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>'); $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>'); $(obj).remove(); layer.msg('已停用!',{icon: 5,time:1000}); }); } /*产品-启用*/ function member_start(obj,id){ layer.confirm('确认要启用吗?',function(index){ $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>'); $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>'); $(obj).remove(); layer.msg('已启用!',{icon: 6,time:1000}); }); } /*产品-编辑*/ function member_edit(title,url,id,w,h){ layer_show(title,url,w,h); } /*产品-删除*/ function member_del(obj,id){ layer.confirm('确认要删除吗?',function(index){ $(obj).parents("tr").remove(); layer.msg('已删除!',{icon:1,time:1000}); }); } //面包屑返回值 var index = parent.layer.getFrameIndex(window.name); parent.layer.iframeAuto(index); $('.Order_form').on('click', function(){ var cname = $(this).attr("title"); var chref = $(this).attr("href"); var cnames = parent.$('.Current_page').html(); var herf = parent.$("#iframe").attr("src"); parent.$('#parentIframe').html(cname); parent.$('#iframe').attr("src",chref).ready();; parent.$('#parentIframe').css("display","inline-block"); parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"}); //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>"); parent.layer.close(index); }); </script> 这是那个页面的代码 我看项目原型的时候有分页 但是自己处理后 就没有 我不知道这个页面哪个地方是处理分页的
引用 10 楼 qq_33849824 的回复:
pageInfo里的数据是pagehelper封装进去的,只要改改url就行了
引用 8 楼 shine0112 的回复:
你看看前台显示的话需要向后台传递哪些数据以及需要哪些数据,你在后台再接收返回就行了
shine0112 2017-09-01
  • 打赏
  • 举报
回复
你看看前台显示的话需要向后台传递哪些数据以及需要哪些数据,你在后台再接收返回就行了
masterj0315 2017-09-01
  • 打赏
  • 举报
回复
pageInfo里的数据是pagehelper封装进去的,只要改改url就行了
masterj0315 2017-09-01
  • 打赏
  • 举报
回复
<!-- 显示分页信息 -->
		<div class="row">
			<!--分页文字信息  -->
			<div class="col-md-6">当前 ${pageInfo.pageNum }页,总${pageInfo.pages }
				页,总 ${pageInfo.total } 条记录</div>
			<!-- 分页条信息 -->
			<div class="col-md-6">
				<nav aria-label="Page navigation">
				<ul class="pagination">
					<li><a href="${APP_PATH }/emps?pn=1">首页</a></li>
					<!-- 上一页 -->
					<c:if test="${pageInfo.hasPreviousPage }">
						<li><a href="${APP_PATH }/emps?pn=${pageInfo.pageNum-1}"
							aria-label="Previous"> <span aria-hidden="true">«</span>
						</a></li>
					</c:if>
					<!-- 中间的1-10 -->
					<c:forEach items="${pageInfo.navigatepageNums }" var="page_Num">
						<c:if test="${page_Num == pageInfo.pageNum }">
							<li class="active"><a href="#">${page_Num }</a></li>
						</c:if>
						<c:if test="${page_Num != pageInfo.pageNum }">
							<li><a href="${APP_PATH }/emps?pn=${page_Num }">${page_Num }</a></li>
						</c:if>
					</c:forEach>
					<!-- 下一页 -->
					<c:if test="${pageInfo.hasNextPage }">
						<li><a href="${APP_PATH }/emps?pn=${pageInfo.pageNum+1 }"
							aria-label="Next"> <span aria-hidden="true">»</span>
						</a></li>
					</c:if>
					<li><a href="${APP_PATH }/emps?pn=${pageInfo.pages}">末页</a></li>
				</ul>
				</nav>
			</div>
		</div>
yangzong1118 2017-08-31
  • 打赏
  • 举报
回复
引用 6 楼 shine0112 的回复:
你试试遍历sunItemList.rows
我遍历的是这个 然后显示出来数据了 显示了10条 但是下面的分页那个按钮什么的都没出来 我不是很熟 bootstrap 网上那个pagehelper+bootstrap看的不是很懂 我不知道bootstrap的分页怎么显示 他跟之前学的EasyUi不一样 没有看见直接往ajax传值的那些东西
shine0112 2017-08-31
  • 打赏
  • 举报
回复
你试试遍历sunItemList.rows
yangzong1118 2017-08-30
  • 打赏
  • 举报
回复
引用 1 楼 shine0112 的回复:
你要用pageinfo把得到的list封装再返回 网上有例子

刚才少发两张 在发次

yangzong1118 2017-08-30
  • 打赏
  • 举报
回复


我封装到这个Pdata里面了 但是现在报错了 在页面无法把产品循环出来 我用的是bootstarp 帮看下我代码有没问题吧 谢谢 这个为什么报错? 是不是哪里写错了 代码都贴出来了

引用 1 楼 shine0112 的回复:
你要用pageinfo把得到的list封装再返回 网上有例子
yangzong1118 2017-08-30
  • 打赏
  • 举报
回复
引用 4 楼 shine0112 的回复:
前台页面报错

我前台这样写的啊 有错吗 ? bootstrap 是不是就这样就够了?
shine0112 2017-08-30
  • 打赏
  • 举报
回复
前台页面报错
shine0112 2017-08-29
  • 打赏
  • 举报
回复
你要用pageinfo把得到的list封装再返回 网上有例子

67,512

社区成员

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧