vue+vuex+node+express+mysql实现收藏

首先实现进入详情页看是否已收藏
点击实现取消和确定收藏
查看我的收藏
总结
效果展示

业务逻辑

• 首先实现进入详情页看是否已收藏
  

步骤

• 前端进入详情页，发送用户id和商品id

• 后端查询对应用户和对应商品，返回数据给前端
  
• 前端拿到返回值判断是否收藏

• 点击实现取消和确定收藏
  

步骤

• 1.前端发送用户id和商品id给后端
  

• 2.后端进行删除或者插入表操作
  
  

• 3.前端拿到后端的值进行更改样式
  

查看我的收藏

步骤
1.前端发用户id

2.后端返回商品id

3.用户发送商品id

4.前端把返回的值进行处理展示

总结

感觉交互挺有意思的，经过这几次，感觉更好的把握了前后端的交互了，继续加油