Flutter移动电商实战 --(29)列表页_商品列表数据模型建立
简历数据模型
json生成dart类的网站:
https://javiercbk.github.io/json_to_dart/
json数据
1 | { "code" : "0" , "message" : "success" , "data" :[{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190116145309_40.jpg" , "oriPrice" :2.50, "presentPrice" :1.80, "goodsName" : "哈尔滨冰爽啤酒330ml" , "goodsId" : "3194330cf25f43c3934dbb8c2a964ade" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190115185215_1051.jpg" , "oriPrice" :2.00, "presentPrice" :1.80, "goodsName" : "燕京啤酒8°330ml" , "goodsId" : "522a3511f4c545ab9547db074bb51579" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190121102419_9362.jpg" , "oriPrice" :1.98, "presentPrice" :1.80, "goodsName" : "崂山清爽8°330ml" , "goodsId" : "bbdbd5028cc849c2998ff84fb55cb934" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712181330_9746.jpg" , "oriPrice" :2.50, "presentPrice" :1.90, "goodsName" : "雪花啤酒8°清爽330ml" , "goodsId" : "87013c4315e54927a97e51d0645ece76" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712180233_4501.jpg" , "oriPrice" :2.50, "presentPrice" :2.20, "goodsName" : "崂山啤酒8°330ml" , "goodsId" : "86388a0ee7bd4a9dbe79f4a38c8acc89" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190116164250_1839.jpg" , "oriPrice" :2.50, "presentPrice" :2.30, "goodsName" : "哈尔滨小麦王10°330ml" , "goodsId" : "d31a5a337d43433385b17fe83ce2676a" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712181139_2653.jpg" , "oriPrice" :2.70, "presentPrice" :2.50, "goodsName" : "三得利清爽啤酒10°330ml" , "goodsId" : "74a1fb6adc1f458bb6e0788c4859bf54" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190121162731_3928.jpg" , "oriPrice" :2.75, "presentPrice" :2.50, "goodsName" : "三得利啤酒7.5度超纯啤酒330ml" , "goodsId" : "d52fa8ba9a5f40e6955be9e28a764f34" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712180452_721.jpg" , "oriPrice" :4.50, "presentPrice" :3.70, "goodsName" : "青岛啤酒11°330ml" , "goodsId" : "a42c0585015540efa7e9642ec1183940" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190121170407_7423.jpg" , "oriPrice" :4.40, "presentPrice" :4.00, "goodsName" : "三得利清爽啤酒500ml 10.0°" , "goodsId" : "94ec3df73f4446b5a5f0d80a8e51eb9d" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712181427_6101.jpg" , "oriPrice" :4.50, "presentPrice" :4.00, "goodsName" : "雪花勇闯天涯啤酒8°330ml" , "goodsId" : "d80462faab814ac6a7124cec3b868cf7" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180717151537_3425.jpg" , "oriPrice" :4.90, "presentPrice" :4.10, "goodsName" : "百威啤酒听装9.7°330ml" , "goodsId" : "91a849140de24546b0de9e23d85399a3" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190121101926_2942.jpg" , "oriPrice" :4.95, "presentPrice" :4.50, "goodsName" : "崂山啤酒8°500ml" , "goodsId" : "3758bbd933b145f2a9c472bf76c4920c" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712175422_518.jpg" , "oriPrice" :5.00, "presentPrice" :4.50, "goodsName" : "百威3.6%大瓶9.7°P460ml" , "goodsId" : "dc32954b66814f40977be0255cfdacca" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180717151454_4834.jpg" , "oriPrice" :5.00, "presentPrice" :4.50, "goodsName" : "青岛啤酒大听装500ml" , "goodsId" : "fc85510c3af7428dbf1cb0c1bcb43711" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712181007_4229.jpg" , "oriPrice" :5.50, "presentPrice" :5.00, "goodsName" : "三得利金纯生啤酒580ml 9°" , "goodsId" : "14bd89f066ca4949af5e4d5a1d2afaf8" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190121100752_4292.jpg" , "oriPrice" :6.60, "presentPrice" :6.00, "goodsName" : "哈尔滨啤酒冰纯白啤(小麦啤酒)500ml" , "goodsId" : "89bccd56a8e9465692ccc469cd4b442e" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712175656_777.jpg" , "oriPrice" :7.20, "presentPrice" :6.60, "goodsName" : "百威啤酒500ml" , "goodsId" : "3a94dea560ef46008dad7409d592775d" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20180712180754_2838.jpg" , "oriPrice" :7.78, "presentPrice" :7.00, "goodsName" : "青岛啤酒皮尔森10.5°330ml" , "goodsId" : "97adb29137fb47689146a397e5351926" },{ "image" : "http://images.baixingliangfan.cn/compressedPic/20190116164149_2165.jpg" , "oriPrice" :7.78, "presentPrice" :7.00, "goodsName" : "青岛全麦白啤11°500ml" , "goodsId" : "f78826d3eb0546f6a2e58893d4a41b43" }]} |
生成实体类
在model文件夹下新建
新建类:categoryGoodsList.dart。把网站自动生成的类复制过来,然后修改类的名称为CategoryGoodsListModel
修改前:Data类我们也要修改名字
修改后:
这样上线一些泛型的地方也需要修改
category_page.dart
引入我们刚才创建的实体类
1 | import '../model/categoryGoodsList.dart' ; |
修改商品列表的方法
json转model类
标签:
flutter 项目实战
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
· 用 C# 插值字符串处理器写一个 sscanf
2018-08-28 react-native-scrollable-tab-view 实现 TabBar
2017-08-28 React-Native 之 GD (八)GET 网络请求封装