JSP网站开发教学课件作者孟洁编著任务9课件.pptVIP

项目一 绿吧企业网站项目 任务 9 实现产品分页显示 JavaScript * 任务引入 JavaScript * 点击首页的新闻区域中的“更多”链接，进入新闻浏览页面 演示：修改原来的新闻列表实现分页 * 构建一个sql语句 Select* from news 链接数据库 执行查询 得到当前页数 计算起始位置 从起始位置循 环取前8条新闻 从设定位置循 环取前8条新闻 相关知识 * 如果要实现左图的效果 1、如何确定当前显示第几页的问题 2、如何确定总页数 3 、如何根据当前页数,确定数据访问 起点 a href=“当前路径？Page=1”第一页/a a href=%=“当前路径？Page=”+(当前页数-1)% 上页/a a href=%=“当前路径？Page=”+(当前页数+1)% 下页/a a href=%=“当前路径？Page=”+(最大页数)% 末页/a 解决途径： 设计当前页面下方的超链接如何 相关知识 一个数学问题： 数据表中一共有n条数据 ，一个页面显示m条 总页数是多少？ 总页数 pages= n+(m-1) m 如果要实现左图的效果 1、如何确定当前显示第几页的问题 2、如何确定总页数 3 、如何根据当前页数,确定数据访问 起点 相关知识 如果要实现左图的效果 1、如何确定当前显示第几页的问题 2、如何确定总页数 3 、如何根据当前页数,确定数据访问 起点 如果当前是第1页 从第0条新闻开始显示 2 一页能容纳的条数×1 3 一页能容纳的条数×2 page 一页能容纳的条数× (1) 当前从数据集合中取数据的起始位置： Start=pagesize*(1) 课堂练习 完成教材171页~177页“二、分页案例”的全部内容 JavaScript * 衍生——使用mvc来处理分页数据 JavaScript * products表 greenbar (数据模型) ProductBean JDBC访问 (行为模型) Products (数据访问模型) DB Select...语句 数据集合 用ArrayList装所有的新闻对象 products.jsp 分析 JavaScript * 得到当前页数 计算起始位置 从集合中取新闻 显示新闻 调用News的业务方法 getNews(当前页数) (行为模型) News (数据访问模型) DB (数据模型) NewsBean 实现 DB.java Products.java ProductsBean.java products.jsp JavaScript * 任务实施 完成教材183页~188页 任务实施部分 JavaScript * 作业——完成留言的分页浏览 JavaScript *