案例 & 分页

一.案例

1. 删除选中分析

商品列表页面如下:

要求:

1.在表头上添加一个复选框.(列表全选或者全不选)

2.在list.jsp中添加一个删除选中的按钮,点击删除选中商品

2. 删除选中实现

全选或者全不选的实现

在表头上添加一个复选框

遍历商品的时候给每一个商品添加一个复选框,为了便于获取,给他们使用了name属性

编写js函数实现全选或者全不选

删除选中记录的实现

获取选中的记录,将选中的ids传递给DeleteProductByIdsServlet

为了方便获取选中记录的id,在复选框上添加value属性,值为当前记录的id

在点击删除选中按钮的时候,获取所有选中记录的id,传递到后台

实现方式两种:

方式1:手动拼url,在后台获取id参数

方式2:通过form表单,在后天获取name=’ck’的参数

将图书列表的tr放到一个form表单中,当点击’删除选中’,触发当前表单提交

DeleteProductByIdsServlet调用service,service调用dao,在到里执行批量操作

dao里的写法

3. 多条件查询商品分析

4. 多条件查询商品实现

dao条件查询写法

二.分页

1. 分页原理介绍

分页介绍

分页就是将数据以多页展示出来

分页作用

为了提高用户的感受

分页技术分类

物理分页

只从数据库中查询出要显示的数据

优点:不占用很多内存

缺点:速度比较低，每一次都要从数据库中获取

逻辑分页

从数据库中将所有记录查找到，存储到内存中，需要什么数据

直接从内存中获取.

优点:速度比较快

缺点:占用比较多的内存，如果数据比较多，可以出现内在溢出。

数据实时更新需要单独处理.

mysql中limit介绍

利用mysql的limit，进行物理分页。

格式1:

select * from 表名 limit m,n;

m是从0开始，代表是第几条记录

n代表显示多少条记录

可以理解从第m+1条记录到m+n条记录 闭合区间[m+1,m+n]

格式2:

select * from 表名 limit n;

可以理解为前n条记录

等价于:select * from 表名 limit 0,n;

例如

select * from person limit 4,10;

从第5条记录开始，显示10条.也就是[5,14]

分页实现原理分析

a.明确一共多少条记录

select coun(*) from 表;

b.明确每一页显示多少条记录

自己定义或者从前台传过来

c.计算一共多少页

计算方式1:总条数%每页条数==0?总条数/每页条数:总条数/每页条数+1

计算方式2:Math.ceil(总条数*1.0/每页条数)

d.查看第几页

默认第一页,从前台页面传过来

点击上一页下一页的时候,就是对当前页加或者减1操作

e.当前页码的数据

通过limit查询出数据

例如:每页显示5条,查询第3页数据

select * from 表 limit (3-1)*5,5;

用(当前页码-1)*每页条数，就求出了开始的记录位置,在向下查找每页数个记录。就得到了这页的数据.

2. 分页功能分析

执行流程:

a从index.jsp链接进入商品列表页面,默认访问第一页的数据,

b.发送至findProductsByPageServlet查询第一页数据,每页的条数默认为4条,

需要两个参数:当前页页码和每页显示的条数

c.调用productService的findProductsByPage(int 当前页,int 每页条数),返回值为bean对象.将当前页码,每页条数,总条数,总页数以及当前页的图书列表封装成pageBean,

d.将pagebean放到request域中,返回给product_list.jsp

e.在jsp页面将数据遍历

3. 分页功能实现

编写PageBean

private Integer currentPage;//当前页码

private Integer pageSize;//每页条数

private Integer totalPage;//总页数

private Integer totalCount;//总条数

private List<Product> list;//每页数据

编写servlet(分页查找)

编写productService中的分页查找方法,将查找出数据进行封装成pagebean

public PageBean findProductsByPage(int currentPage, int pageSize) throws SQLException {

//查找总条数

int totalCount=dao.getTotalCount();

//计算总页数

int totalPage=(int) Math.ceil(totalCount*1.0/pageSize);

//查询当前页数据

List<Product> list=dao.findProductsByPage(currentPage,pageSize);

//封装数据

PageBean bean=new PageBean(currentPage, pageSize, totalPage, totalCount, list);

return bean;

}

编写productDao中的方法

查看总条数

public int getTotalCount() throws SQLException {

QueryRunner runner = new QueryRunner(DataSourceUtils.getDateSource());

String sql="select count(*) from products";

return ((Long) runner.query(sql, new ScalarHandler())).intValue();

}

查看当前页数据

public List<Product> findProductsByPage(int currentPage, int pageSize) throws SQLException {

QueryRunner runner = new QueryRunner(DataSourceUtils.getDateSource());

String sql="select * from products limit ?,?";

return runner.query(sql, new BeanListHandler<Product>(Product.class), (currentPage-1)*pageSize,pageSize);

}

4. 设置分页条码

<c:if test="${pb.currentPage==1 }">

<li><<上一页</li>

</c:if>

<c:if test="${pb.currentPage!=1 }">

<li><a href="${pageContext.request.contextPath }/findProductsByPage?page=${pb.currentPage-1}"><<上一页</a></li>

</c:if>

<c:forEach begin="1" end="${pb.totalPage }" step="1" var="n">

<c:if test="${n == pb.currentPage}">

<li>${n }</li>

</c:if>

<c:if test="${n != pb.currentPage}">

<li><a href="${pageContext.request.contextPath }/findProductsByPage?page=${n}">${n }</a></li>

</c:if>

</c:forEach>

<c:if test="${pb.currentPage==pb.totalPage }">

<li>下一页>></li>

</c:if>

<c:if test="${pb.currentPage!=pb.totalPage }">

<li><a href="${pageContext.request.contextPath }/findProductsByPage?page=${pb.currentPage+1}">下一页>></a></li>

</c:if>

请点击此处输入图片描述

三.案例

1. 显示商品详情分析

2. 显示商品详情实现

页面:product_info.jsp

3. 将商品添加到购物车分析

在商品详情页面点击购买,将该商品添加到购物车.

购物车存放在哪儿?

session

购物车的数据结构是什么?

Map<Product,Integer>

如何保证购物车里物品的唯一性?

重写key的equals和hashcode方法

也就是说重写product的两个方法.(只需要判断id即可)

4. 将商品添加到购物车实现

修改product_info.jsp的”购买”链接

在add2cartServlet中将商品添加到购物车即可

5. 显示购物车中的商品信息分析

直接点击页面右上部的购物车即可,购物车的页面如下:

6. 显示购物车中的商品信息实现

只需要在页面中将购物车中的数据展示出来即可

遍历map

7. 修改购物车中商品数量分析

页面删有三个按钮,分别是添加一个,减少一个以及从购物车移除该商品

请点击此处输入图片描述请点击此处输入图片描述

添加的时候:

1.需要知道对那个商品就行操作的,并且个数是多少,因此在触发按钮的时候需要将id和个数传过去

2.修改的个数大于库存了或者小于0如何做?

思路:

需要在点击按钮的时候,将商品的库存数量一并传过去

当购买数量<=0时从购物车移走

当透明数量>=库存时,设成最大值

8. 修改购物车中商品数量实现

jsp页面的修改

a.在按钮上添加单击事件,将当前商品的id,count以及库存传过去

b.在js中判断数量>库存或者<=0时的操作

c.在点击删除按钮的时候,将数量置为0即可

修改项目名称

更多精彩资源与分享，欢迎关注【Java帮帮】微信公众号与【Java帮帮】QQ空间