- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
![](https://s2.51cto.com/images/202005/17/2f9c6663c122bef4c524fed2517666d5.png?x-oss-process=image)
![](https://s2.51cto.com/images/202005/16/215787d5cd49c363da4f4c2b77e2f92c.png?x-oss-process=image)
![](https://s2.51cto.com/images/202011/17/a4f97a103cd6ee6c31e32eefd1c048eb.png?x-oss-process=image)
![](https://s2.51cto.com/images/201804/04/c254b935499c1a7fb4bace42eaf1b40b.png?x-oss-process=image)
![](https://s2.51cto.com/images/202002/25/82ac2aecd85f4c101423e871cc3feaac.jpg?x-oss-process=image)
![](https://s2.51cto.com/images/202007/18/26167afefcba7da284bcacd00bde72a6.png?x-oss-process=image)
![](https://s2.51cto.com/images/202002/25/82ac2aecd85f4c101423e871cc3feaac.jpg?x-oss-process=image)
![](https://s2.51cto.com/images/202007/23/6deced4fa0e33c6582b25bdb163fb2bc.jpg?x-oss-process=image)
![](https://s2.51cto.com/images/202012/01/fed884e51cae7b19fd4c1b062fae5c60.png?x-oss-process=image)
![](https://s2.51cto.com/images/201902/21/cc4789905c67e76ce2c99b954a0d804c.jpg?x-oss-process=image)
![](https://s2.51cto.com/images/201809/18/75534f9e703ac291e8bd3a6da4ef495a.png?x-oss-process=image)
![](https://s2.51cto.com/images/201806/24/0afb0ba4689c93641f69194ef3ed73d4.png?x-oss-process=image)
![](https://s2.51cto.com/images/201902/21/cc4789905c67e76ce2c99b954a0d804c.jpg?x-oss-process=image)
![](https://s2.51cto.com/images/201809/18/75534f9e703ac291e8bd3a6da4ef495a.png?x-oss-process=image)
![](https://s2.51cto.com/images/201806/24/0afb0ba4689c93641f69194ef3ed73d4.png?x-oss-process=image)
- 课程介绍
- 课程大纲
适合人群:
web前端开发工程师
你将会学到:
通过本课程的学习可以学习到如何通过vue开发完整的项目
课程简介:
欢迎加入我的51CTO官方专属交流群:697483006
有关学习上的任何问题都可以在群中向老师提出来,我会及时给予解答的。
本课程已经更新到了“Web前端全栈开发零基础到全栈开发 -前端技术持续更新”课程中,大家可以持续学习到web前端前沿的技术
此课程为第一课,学完第一课可以继续学习第二节课的内容
第二课的链接为:https://edu.51cto.com/course/23094.html
对要完成的案例的分析
1.通过脚手架创建Vue框架项目以及模块的划分
2.搭建python语言的Django框架的项目为前端传递所需要的数据
3.创建好首页,商品模块,购物车模块,订单模块,个人中心模块
4.创建各个模块的路由,让各个模块可以正常的运行起来
5.开发首页模块,导入触摸滑动的组件
6.开发商品分类模块,通过axios组件进行前后端的数据通信
7.首页导入触摸滑块插件
8.python端书写要返回前端的商品分类的数据
9.axios通过get请求从后端获取数据
10.通过axios把商品分类的数据从后端获取,并且渲染
11.书写python端返回前端数据的业务代码
12.商品列表部分的数据从后端获取再渲染
13.布局商品列表的组件以及购物车的组件
课程大纲-Web前端开发经典案例之vue框架开发电商项目百草味案例(一)
第1章对要完成的案例的分析(10分钟1节)
第2章通过脚手架创建Vue框架项目以及模块的划分(10分钟1节)
第3章搭建python语言的Django框架的项目为前端传递所需要(10分钟1节)
第4章创建好首页,商品模块,购物车模块,订单模块,个人中心模块(10分钟1节)
第5章创建各个模块的路由,让各个模块可以正常的运行起来(10分钟1节)
第6章开发首页模块,导入触摸滑动的组件(10分钟1节)
第7章开发商品分类模块,通过axios组件进行前后端的数据通信(10分钟1节)
第8章首页导入触摸滑块插件(10分钟1节)
第9章python端书写要返回前端的商品分类的数据(10分钟1节)
第10章axios通过get请求从后端获取数据(10分钟1节)
第11章通过axios把商品分类的数据从后端获取,并且渲染(10分钟1节)
第12章书写python端返回前端数据的业务代码(10分钟1节)
第13章商品列表部分的数据从后端获取再渲染(14分钟1节)
第14章复习前半段开发过的功能(10分钟1节)
第15章布局商品列表的组件以及购物车的组件(10分钟1节)
第16章下载和安装vuex(10分钟1节)
第17章为商品模块创建vuex的modules(10分钟1节)
第18章购物车中的商品列表数据存在vuex中(10分钟1节)
第19章创建往购物车中加入商品(10分钟1节)
第20章在商品列表部分点击商品添加购物车按钮触发的事件(10分钟1节)
“刘建萍”老师的其他课程更多+