效果展示

商品分类 / 商品列表展示 - 图1
商品分类 / 商品列表展示 - 图2

功能说明：

后台添加管理商品分类，上传分类图标；
后台发布商品信息；
App通过 apifm 插件，展示商品分类和商品列表，快速开发商品展示类 App 应用；

后台配置

免费开通开发者后台

《使用 apifm 插件进行 Flutter 云开发——安装篇》

开启 “商品分类”、“商品管理” 模块

  1. 登录 “第一步” 注册的后台，左侧菜单 —> 工厂设置 —> 模块管理
  2. 找到 “商品分类” 和 “商品管理” 模块，点击 “启用模块” ，然后 F5 刷新一下后台界面

apifm 使用说明

商品分类

  1. Apifm.goodsCategory()

读取后台设置的所有分类数据，分类之间的上下级关系请使用 level 和 pid 进行管理

level = 1 表示 1级类目；2 表示 2级类目，以此类推

pid 代表该类目的上级类目ID（一级类目的 pid = 0）

分类的目录树，可以根据上述2个字段，采用 js 在本地实现

接口返回示例：

  1. {
  2.   "code": 0,
  3.   "data": [
  4.     {
  5.       "dateAdd": "2017-09-12 11:07:32",
  6.       "dateUpdate": "2019-04-10 11:24:32",
  7.       "icon": "https://cdn.it120.cc/apifactory/2019/04/09/f89753a227d26a3fe9ccc6f975857bb6.png",
  8.       "id": 1872,
  9.       "isUse": true,
  10.       "key": "1",
  11.       "level": 1,
  12.       "name": "上装",
  13.       "paixu": 0,
  14.       "pid": 0,
  15.       "type": "",
  16.       "userId": 951
  17.     }
  18.   ],
  19.   "msg": "success"
  20. }

商品管理

获取商品列表

  1. Apifm.goods([Map<String, String> params])

读取所有的商品数据，以分页的形式展示，支持按照多种方式进行排序

接口返回示例：

  1. {
  2.   "code": 0,
  3.   "data": [
  4.     {
  5.       "categoryId": 1875,
  6.       "characteristic": "享受vip尊享服务，使用专业版后台，功能更强，体验更好",
  7.       "commission": 0,
  8.       "commissionType": 0,
  9.       "dateAdd": "2019-03-19 09:51:08",
  10.       "dateUpdate": "2019-08-14 09:49:34",
  11.       "gotScore": 0,
  12.       "gotScoreType": 0,
  13.       "id": 124305,
  14.       "kanjia": true,
  15.       "kanjiaPrice": 49,
  16.       "limitation": false,
  17.       "logisticsId": 0,
  18.       "miaosha": false,
  19.       "minPrice": 198,
  20.       "minScore": 0,
  21.       "name": "api工厂1年vip会员",
  22.       "numberFav": 0,
  23.       "numberGoodReputation": 1,
  24.       "numberOrders": 1,
  25.       "numberSells": 1,
  26.       "originalPrice": 198,
  27.       "paixu": 0,
  28.       "pic": "https://cdn.it120.cc/apifactory/2019/03/19/6828c1ced4a74e11b532c8cbd864245a.png",
  29.       "pingtuan": false,
  30.       "pingtuanPrice": 0,
  31.       "recommendStatus": 1,
  32.       "recommendStatusStr": "推荐",
  33.       "shopId": 0,
  34.       "status": 0,
  35.       "statusStr": "上架",
  36.       "stores": 9999998,
  37.       "userId": 951,
  38.       "views": 15955,
  39.       "weight": 0
  40.     }
  41.   ],
  42.   "msg": "success"
  43. }

本例源码下载：

https://github.com/gooking/apifm-flutter-demo