在购物车组件中改变每一个商品的数量同时更新缓存数据

408 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
web前端开发工程师
你将会学到
本课程系统通过带领大学完整的开发一个百草味的电商项目来巩固知识点
课程简介

欢迎加入我的51CTO官方专属交流群:697483006 

有关学习上的任何问题都可以在群中向老师提出来,我会及时给予解答的。


此课程为百草味项目开发的第二课,建议先学习第一课,再学习第二课,效果会更好。

第一课的链接为:https://edu.51cto.com/course/23091.html


本课程已经更新到了“Web前端全栈开发零基础到全栈开发 -前端技术持续更新”课程中,大家可以持续学习到web前端前沿的技术


课程列表:

1.把登录成功的用户信息记录到缓存中通过缓存来判断用户是否登录过

2.用户登录成功之后把选中的商品加入到购物车中vuex进行数据处理

3.在vuex仓库中对加入的商品的几种情况分别进行处理

4.在vuex仓库中对商品数据处理完之后再更新到缓存中

5.更新加入购物车数据的方法以及把购物车数量渲染在徽章中

6.项目刚运行的时候在初始化函数中判断用户的登录状态

7.项目刚运行的时候在初始化函数中从缓存中更新购物车的数据到仓库

8.通过计算属性来开发计算总价格的功能

9.在购物车组件中控制每一个商品的复选框

10.在购物车组件中全选复选框和每一个商品复选框关联

11.下载并且安装三级联动v-distpicker插件

12.加入编辑地址功能处理视图层和数据层

image.png

image.png

image.png

image.png

image.png

image.png






展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交

课程大纲

自动连播