12 网络数据和热门商品推荐列表实现动态绑定

不知到大家在软件开发过程中，首页一般底部展示UI都会有1个推荐商品列表这里面会根据你的浏览记录进行埋点，去推荐你喜欢的商品。

那么话不多说，我们开始来详细描述 网络数据和热门商品推荐列表组件绑定实现过程：

1 获取猜你喜欢数据的url

https://www.itying.com/api/plist?is_best=1

2 打开jsonToDart的网页，把json拷贝到里面点击Gennerate Dart自动生成数据模型

jsonToDart的网页：https://javiercbk.github.io/json_to_dart/

jsonToDart

3 在Model文件下创建ProductModel.dart文件，然后把自动上一步自动生成的模型copy到文件里面，并重新命名ProductModel+ProductItemModel

ProductModel

4 封装_getBestProductData方法调用dio获取热门商品推荐数据的网络数据

_getBestProductData

5 回到热门商品推荐UI组件函数_recProductListWidget，将热门商品推荐data和UI进行数据绑定

_recProductListWidget

6 执行flutter run命令 测试UI看效果