不知到大家在软件开发过程中，首页一般底部展示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看效果
网友评论