跳到主要内容

练习

提示

本章节需要的mock接口如下：
获取商品列表：https://yapi.pro/mock/219887/getItemList
删除商品：https://yapi.pro/mock/219887/removeItemById
更新商品：https://yapi.pro/mock/219887/updateItemById

练习题一​

需求描述​

搭建商品列表，通过服务接口组件初始化数据、分页展示，商品图片列中展示商品图片；
体验地址：https://my.mybricks.world/mfs/app/pcpage/prod/512190072467525.html
Alt text

参考答案​

搭建过程：【观看视频】

最终搭建示例：【搭建案例】

练习题二​

需求描述​

操作列中实现删除功能，点击时提示是否删除，确认后调用服务接口、更新表格数据；
体验地址：https://my.mybricks.world/mfs/app/pcpage/prod/512193749069893.html
Alt text

参考答案​

搭建过程：【观看视频】

最终搭建示例：【搭建案例】

练习题三​

需求描述​

操作列中实现编辑功能，点击时弹出商品信息表单编辑，完成后调用服务接口、更新表格数据；

体验地址：https://my.mybricks.world/mfs/app/pcpage/prod/512193749069893.html
Alt text

参考答案​

搭建过程：【观看视频】

最终搭建示例：【搭建案例】