课程简介
本项目是集vue2.6 vuex vue- router Element UI ES6 webpack axios Nodejs等技术栈打造的一款商城项目。内容包含:项目需求分析、首页组件和商品组件模块显示、用户模块显示、Token JWT登录流程、购物车商品操作等功能。
本项目以实战项目为切入点，模拟公司Vue项目研发流程，从头到尾讲解项目功能实现和优化、打包.上线流程等，帮助提高你的技术层级，突破技术瓶颈。
1、运用vue vue- -router vuex Element- _UI搭建商城网站;
2、对项目进行需求分析和模块划分以及功能划分;
3、实现首页 全部 品牌周边页面渲染;
4、查看商品详情页制作、商品排序以及分页功能实现;
5、使用Token JWT实现网站用户登录退出(后端);
6、使用meta元信息实现路由权限控制;
7、实现加入购物车、图片懒加载功能;
8、实现数据持久化存储用户数据和购物车数据;
9、项目优化以及如何打包上线整个流程; .
适合人群
有前端基础的人群
课程大纲
01 Xmall商城项目介绍和课程目标.mp4
02 初始化项目和项目插件依赖下载.mp4
03 嵌套路由控制导航组件的显示.mp4
04 Xmall商城导航组件实现.mp4
05 Xmall商城首页轮播图实现.mp4
06 首页接口编写、交互以及数据渲染.mp4
07 首页活动版块页面展示.mp4
08 具名插槽在xmall商城中的体现.mp4
09 热门商品模块实现.mp4
10 品牌周边模块功能实现.mp4
11 全部商品页面功能分析、接口编写.mp4
12 全部商品页面数据渲染.mp4
13 全部商品页面排序、过滤、分页功能实现.mp4
14 项目中如何监听复用组件的变化.mp4
15 商品详情接口实现、组件创建.mp4
16 商品详情页面数据渲染.mp4
17 Vuex展示加入购物车商品效果.mp4
18 Token JWT实现登录接口.mp4
19 全局守卫用户跳转登录页面.mp4
20 登录组件表单验证实现.mp4
21 登录之后如何做数据持久化.mp4
22 用户信息展示和退出操作.mp4
23 加入购物车前端逻辑实现.mp4
24 添加购物车和购物车数据接口编写.mp4
25 加入购物车操作和数据显示.mp4
26 如何重载网页让购物车数据显示.mp4
27 登录和未登录状态购物车数据合并.mp4
28 购物车总数量和总价格计算.mp4
29 xmall商城项目优化(异步组件、懒加载等).mp4
30 项目上线之前bug修复.mp4
下载链接见右侧按钮
声明：1、学神资源吧资源均通过互联网公开合法渠道获取，资源价格仅代表资源收集整理的费用，绝不代表原作品本身的价值。资源仅供阅读测试，请在下载后24小时内删除，谢谢合作！2、由于部分资源中不可避免的存在一些敏感关键词，如果购买后提示网盘资源链接失效，或者提示此类资源无法分享的情况，您无需担心，只需要联客服联系为您补发资源即可。
3、版权归原作者或出版方所有，本站不对涉及的版权问题负法律责任。若版权方认为学神资源吧侵权，请联系客服或发送邮件处理。。。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，微信: xueshen2025。
