黑马商城02

黑马商城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