电商后台管理系统项目 四

九、 商品管理 

• 商品管理模块用于维护电商平台的商品信息，包括商品的类型、参数、图片、详情等信息。通过商品管理模块可以实现商品的添加、修改、展示和删除等功能

1. 商品列表 

• 实现商品列表布局效果 
• 调用后台接口获取商品列表数据 

 const { data: res } = await this.$http.get('goods', { params: this.queryInfo }) 
  if (res.meta.status !== 200) { 
    return this.$message.error('初始化商品列表失败！') 
  } 
  // 为商品列表赋值 
  this.goodsList = res.data.goods 
  // 为总数量赋值 
  this.total = res.data.total 

2. 添加商品 

①.  基本布局与分布条效果 

• 添加商品基本布局