黑马商城02
- 完成首页的分类数据加载
- 首页商品数据的加载
- 商品详情的加载
- 某个分类下商品列表展示(分页)
今日基本套路:
由页面加载完成以后 发请求到服务器 要数据 数据拿到以后 拼字符串 到对应位置
完成首页的分类数据加载
步骤:
- 前端:
- 页面加载完成 发请求 要分类数据
- 服务器返回以后
- 拼接a标签到制定位置
- 后端:
- 写servlet 接受请求
- 查询数据库
- 返回了 json格式字符串 数据放着数据库查询到分类信息即可
完成首页商品数据展示
步骤:
- 前端:
- 页面加载完成 发请求 要商品数据
- 服务器返回以后
- 拼接div标签到制定位置
- 后端:
- 写servlet 接受请求
- 查询数据库 商品数据而已
- 返回了 json格式字符串 数据放着数据库查询到商品信息即可
商品详情的加载
步骤:
- 前端:
- 页面加载完成 发请求 要商品和分类数据
- 数据返回以后
- 拼接到对应的位置
- 后端:
- 写servlet接收请求
- 查询数据库 商品数据 分类数据
- 返回json格式字符串 数据放着数据库查询到的商品和分类数据
某个分类下商品列表展示(分页)
重点
- 前端:
- 页面加载完成 发请求 请求中带分类id和当前页码
- 数据返回以后
- 拼接到对应的位置
- 后端:
- 写servlet接收请求
- 查询数据库 分页数据 总商品数
- 返回json格式字符串 数据封装到PageBean对象
PageBean
public class PageBean<T> {
private List<T> data;//每个页数商品的数据
private int total;//商品总个数
private int pageSize;//商品页数
private int totalPage;//总页码
private int pageNumber;//当前页码
private int start;//页码起始
private int end;//页码结束
private int showNum=10;//前5后4用到的一个变量
public int getShowNum() {
return showNum;
}
public void setShowNum(int showNum) {
this.showNum = showNum;
}
public List<T> getData() {
return data;
}
public void setData(List<T> data) {
this.data = data;
}
public int getTotal() {
return total;
}
public void setTotal(int total) {
this.total = total;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int