本项目是集vue2.6+vuex+vue- router+Element Ul+ES6+webpack+axios+Nodejs等技术栈打造的一款商城项目。内容包含:项目需求分析、首页组件和商品组件模块显示、用户模块显示、Token+JWT登录流程、购物车商品操作等功能。
本项目以实战项目为切入点，模拟公司Vue项目研发流程，从头到尾讲解项目功能实现和优化、打包上线流程等，帮助提高你的技术层级，突破技术瓶颈。
01 01 Xmall商城项目介绍和课程目标.mp4
02 02 初始化项目和项目插件依赖下载.mp4
03 03 嵌套路由控制导航组件的显示.mp4
04 04 Xmall商城导航组件实现.mp4
05 05 Xmall商城首页轮播图实现.mp4
06 06 首页接口编写、交互以及数据渲染.mp4
08 08 具名插槽在xmall商城中的体现.mp4
07 07 首页活动版块页面展示.mp4
09 09 热门商品模块实现.mp4
10 10 品牌周边模块功能实现.mp4
11 11 全部商品页面功能分析、接口编写.mp4
12 12 全部商品页面数据渲染.mp4
13 13 全部商品页面排序、过滤、分页功能实现.mp4
14 14 项目中如何监听复用组件的变化.mp4
15 15 商品详情接口实现、组件创建.mp4
16 16 商品详情页面数据渲染.mp4
17 17 Vuex展示加入购物车商品效果.mp4
18 18 Token+JWT实现登录接口.mp4
19 19 全局守卫用户跳转登录页面.mp4
20 20 登录组件表单验证实现.mp4
21 21 登录之后如何做数据持久化.mp4
22 22 用户信息展示和退出操作.mp4
23 23 加入购物车前端逻辑实现.mp4
24 24 添加购物车和购物车数据接口编写.mp4
25 25 加入购物车操作和数据显示.mp4
26 26 如何重载网页让购物车数据显示.mp4
27 27 登录和未登录状态购物车数据合并.mp4
28 28 购物车总数量和总价格计算.mp4
29 29 xmall商城项目优化(异步组件、懒加载等).mp4
30 30 项目上线之前bug修复.mp4
课件
资料
Xmall商城项目实战课件.zip
代码
Xmall商城项目实战课堂代码.zip
Vue全家桶+Node.js全栈开发Xmall商城.zip
