文章详细介绍了如何将Home组件拆分为8个子组件，包括TypeNav、ListContainer、Recommend等，以及使用Postman进行接口测试的方法，强调了接口返回数据的成功标志。同时提供了Swagger接口文档链接，包括商品类和用户类接口。此外，提到了项目中Vue插件如Nprogress的使用，Axios的二次封装，接口管理和Vuex状态管理的重要性。
9.Home组件拆分
HTML结构+CSS样式+静态资源
Home组件拆分成8个组件：
- 包括商品分类导航三级菜单联动组件TypeNav
- 列表组件ListContainer
- 今日推荐组件Recommend
- 商品排行组件Rank
- 猜你喜欢组件Like
- 两个楼层组件Floor
- 商标组件Brand。
10.postman测试接口
注意：
- 整个项目，接口前缀都有/api字样
- 如果服务器返回的数据code字段200，代表服务器返回数据成功
Swagger-API接口文档：
- 商品类接口文档：http://39.98.123.211:8510/swagger-ui.html#/
- 用户类接口文档：http://39.98.123.211:8170/swagger-ui.html#/
本人其他相关文章链接
1.vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
2.vue尚品汇商城项目-day02【vue插件-13.nprogress进度条的使用】
3.vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
4.vue尚品汇商城项目-day02【14.vuex状态管理库】
5.vue尚品汇商城项目-day02【15.动态展示三级菜单联动】
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
