vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】

系统管理员 2024-03-24 12:44 71阅读 0赞

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]

#### 文章目录 ####

*   *  9.Home组件拆分
     *  10.postman测试接口
 *  本人其他相关文章链接

### 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_8510_swagger-ui.html]
 *  用户类接口文档：[http://39.98.123.211:8170/swagger-ui.html\#/][http_39.98.123.211_8170_swagger-ui.html]

## 本人其他相关文章链接 ##

1.[vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】][vue_-day02_9.Home_10.postman]  
2.[vue尚品汇商城项目-day02【vue插件-13.nprogress进度条的使用】][vue_-day02_vue_-13.nprogress]  
3.[vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】][vue_-day02_11._axios_12.]  
4.[vue尚品汇商城项目-day02【14.vuex状态管理库】][vue_-day02_14.vuex]  
5.[vue尚品汇商城项目-day02【15.动态展示三级菜单联动】][vue_-day02_15.]

[201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/3493329c95e749bcb288fb2138804a47.png
[http_39.98.123.211_8510_swagger-ui.html]: http://39.98.123.211:8510/swagger-ui.html#/
[http_39.98.123.211_8170_swagger-ui.html]: http://39.98.123.211:8170/swagger-ui.html#/
[vue_-day02_9.Home_10.postman]: https://blog.csdn.net/a924382407/article/details/129893022
[vue_-day02_vue_-13.nprogress]: https://blog.csdn.net/a924382407/article/details/129893198
[vue_-day02_11._axios_12.]: https://blog.csdn.net/a924382407/article/details/129893164
[vue_-day02_14.vuex]: https://blog.csdn.net/a924382407/article/details/129893217
[vue_-day02_15.]: https://blog.csdn.net/a924382407/article/details/129893255