闵行营销型网站建设,消防做ccc去那个网站,海阳有没有做企业网站的,seo一个关键词多少钱需求#xff1a;当数据很多#xff0c;一个页面难以展现时#xff0c;便需要分页来实现。 说在前面#xff1a; 1.每一页展示的数据可以从数据库中抽取出来#xff0c;数据查询方法中有limit这个方法#xff0c;limit x,y —–x表示从第几条数据开始查询#xff0c;… 需求当数据很多一个页面难以展现时便需要分页来实现。 说在前面 1.每一页展示的数据可以从数据库中抽取出来数据查询方法中有limit这个方法limit x,y —–x表示从第几条数据开始查询y表示查询多少条数据 2.数据库数据序号从0开始; 3.Egselect * from user limit 2,5; 表示从数据库第三条数据开始查询查询5条数据既查询到7 下面具体代码实现对于web页面的上下页用js控制核心在于js的控制对于其他的数据库连接和web页面处理我用的是Mybaties和springMVC框架 要实现的web页面 代码 button onclickfirstYe()首页/buttonbutton onclicklastPage()上一页/buttonspan idnum stylecolor: blue${PageNum}/span/共span idlastNum${num}/span页button onclicknextPage()下一页/button跳转到input typetext size1 onblurPage(this.value)页 button onclickfinalPage()最后一页/button JS实现 :int类型数字必须用parseInt(方法转换下js是弱语言数字不处理会默认字符串拼接 //上一页
function lastPage() {var num parseInt(document.getElementById(num).innerHTML); //当前页数if (num 1) { //判断是否页数超出最小范围var y num - parseInt(1); //页数-1location showPage?PageId y; //定位到上一页} else {alert(已经是第1页了...);}}//下一页
function nextPage() {var lastNumparseInt(document.getElementById(lastNum).innerHTML);//总页数var num parseInt(document.getElementById(num).innerHTML); //当前页数if(numlastNum){ //判断是否页数超出最大范围var y num parseInt(1); //页数1location showPage?PageId y; //定位到下一页}else{alert(已经是最后一页);}
}//首页
function firstYe() {location showPage?PageId 1; //跳到第一页
}//调到指定页面
function Page(id) {location showPage?PageId id;
}//最后一页
function finalPage(){var lastNumparseInt(document.getElementById(lastNum).innerHTML); //总页数location showPage?PageId lastNum;
} 数据库查询语句 我的用的是myBaties框架其他实现的认真看看语句是相同的 上面查询数据总数目用于处理跳转最后一页操作 service层处理每次查询的页面关系我们每次翻页变化的是页面而sql查询数据是具体数据序号所以页数和数据序号存在一个转换关系(数据库数据序号从0开始)idx-1*y; id是数据查询起始数目x是页数,y是你需要每页展示数据的数目。 public ListUser findAllByPage(int id) {SqlSession s MyBatiesUtils.getSqlSession();int n(id-1)*3; //控制每次查询起始数据的序数,每页显示3条数据ListUser list s.selectList(namespace .findAllByPage,n);s.close();return list;} 求取总页数使用总数据条数除以每页显示条数这里可以使用Math类的向上取整ceil()方法 public int findNum() {SqlSession s MyBatiesUtils.getSqlSession();int ns.selectOne(namespace.findNum);int pageNum(int) Math.ceil(n*1.0/3); //数据总数除以每页显示数目结果向上取整s.close();return pageNum;} 实现图 原代码http://download.csdn.net/download/qq_36330228/10118771 转载于:https://www.cnblogs.com/wangqilong/p/9417518.html
