# Effect display


# Function description:
Add and manage product categories in the background and upload category icons;
Publish product information in the background;
The App displays product categories and product lists through the apifm plug-in, and quickly develops product display App applications;
#Backend configuration
## Open the developer backend for free
["Using apifm plug-in for Flutter cloud development - Installation"](https://www.yuque.com/apifm/doc/hggphs)
## Open the "Product Classification" and "Product Management" modules
1. Log in to the "First Step" registration background, left menu --> Factory settings --> Module management
2. Find the "Product Classification" and "Product Management" modules, click "Enable Module", then F5 to refresh the background interface
# apifm usage instructions
## Product classification
```javascript
Apifm.goodsCategory()
```
Read all classification data set in the background. Please use level and pid to manage the superior and subordinate relationships between categories.
level = 1 means level 1 category; 2 means level 2 category, and so on.
pid represents the upper-level category ID of this category (pid = 0 for the first-level category)
_The classified directory tree can be implemented locally using js based on the above two fields_
**Interface return example:**
```json
{
"code": 0,
"data": [
{
"dateAdd": "2017-09-12 11:07:32",
"dateUpdate": "2019-04-10 11:24:32",
"icon": "https://cdn.it120.cc/apifactory/2019/04/09/f89753a227d26a3fe9ccc6f975857bb6.png",
"id": 1872,
"isUse": true,
"key": "1",
"level": 1,
"name": "Top",
"paixu": 0,
"pid": 0,
"type": "",
"userId": 951
}
],
"msg": "success"
}
```
## Product Management
### Get product list
```javascript
Apifm.goods([Mapparams])
```
Read all product data, display it in paging, and support sorting in multiple ways
**Interface return example:**
```json
{
"code": 0,
"data": [
{
"categoryId": 1875,
"characteristic": "Enjoy VIP exclusive services and use the professional version of the backend, with stronger functions and better experience",
"commission": 0,
"commissionType": 0,
"dateAdd": "2019-03-19 09:51:08",
"dateUpdate": "2019-08-14 09:49:34",
"gotScore": 0,
"gotScoreType": 0,
"id": 124305,
"kanjia": true,
"kanjiaPrice": 49,
"limitation": false,
"logisticsId": 0,
"miaosha": false,
"minPrice": 198,
"minScore": 0,
"name": "apifm1 year vip member",
"numberFav": 0,
"numberGoodReputation": 1,
"numberOrders": 1,
"numberSells": 1,
"originalPrice": 198,
"paixu": 0,
"pic": "https://cdn.it120.cc/apifactory/2019/03/19/6828c1ced4a74e11b532c8cbd864245a.png",
"pingtuan": false,
"pingtuanPrice": 0,
"recommendStatus": 1,
"recommendStatusStr": "recommend",
"shopId": 0,
"status": 0,
"statusStr": "on shelves",
"stores": 9999998,
"userId": 951,
"views": 15955,
"weight": 0
}
],
"msg": "success"
}
```
**Source code download for this example:**
[https://github.com/gooking/apifm-flutter-demo](https://github.com/gooking/apifm-flutter-demo)