vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】

秒速五厘米 2024-03-24 12:24 36阅读 0赞

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]

#### 文章目录 ####

*  本人其他相关文章链接

> 项目介绍：此项目是基于vue2的前台电商项目和后台管理系统

1.  此项目为在线电商Web App (SPA)
2.  包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子模块
3.  使用Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术
4.  采用模块化、组件化、工程化的模式开发

> 项目功能界面

![在这里插入图片描述][66f88cf59a17411495e5475e14ba66d6.png_pic_center]

> 技术选型

![在这里插入图片描述][29d633453ecb4735ab671c3f6acdf1e3.png_pic_center]

> 前端路由

![在这里插入图片描述][0b7d984b91fe4d33b560e094255a0a34.png_pic_center]

> API/接口

![在这里插入图片描述][94df6e68e2f54670b9950180bbf24c78.png_pic_center]

> 你能从此项目中学到什么?

流程及开发方法:

1.  熟悉一个项目的开发流程
2.  学会模块化、组件化、工程化的开发模式
3.  掌握使用vue-cli脚手架初始化Vue.js项目
4.  学会模拟json后端数据，实现前后端分离开发
5.  学会ES6+eslint的开发方式
6.  掌握一些项目优化技巧

Vue插件或第三方库:

1.  学会使用vue-router开发单页应用
2.  学会使用axios与后端进行数据交互
3.  学会使用vuex管理应用组件状态
4.  学会使用swiper实现页面滑动效果
5.  学会使用elment-ui组件库构建界面
6.  学会使用vue-lazyload实现图片惰加载
7.  学会使用mockjs模拟后台数据接口

## 本人其他相关文章链接 ##

1.[vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】][vue_-day00_vue2]  
2.[vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】][vue_-day01_1.vue-cli]  
3.[vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】][vue_-day01_2.vue-cli]  
4.[vue尚品汇商城项目-day01【3.项目路由的分析】][vue_-day01_3.]  
5.[vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】][vue_-day01_4._Header_Footer]  
6.[vue尚品汇商城项目-day01【5.路由组件的搭建】][vue_-day01_5.]  
7.[vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】][vue_-day01_6.Footer]  
8.[vue尚品汇商城项目-day01【7.路由传参】][vue_-day01_7.]  
9.[vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】][vue_-day01_8.]

[201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/75591bea25064c5cae6d06751f70b940.png
[66f88cf59a17411495e5475e14ba66d6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/4e548e2b7f894dd2b7322d4121542fe6.png
[29d633453ecb4735ab671c3f6acdf1e3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/6d8b1931ed4c47e39801cfff869c2c8a.png
[0b7d984b91fe4d33b560e094255a0a34.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b05c7320ea41444fb29bd36a7ada77e9.png
[94df6e68e2f54670b9950180bbf24c78.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/890fa8f6a69348709934a72a92eb6c14.png
[vue_-day00_vue2]: https://blog.csdn.net/a924382407/article/details/129880297
[vue_-day01_1.vue-cli]: https://blog.csdn.net/a924382407/article/details/129879169
[vue_-day01_2.vue-cli]: https://blog.csdn.net/a924382407/article/details/129879406
[vue_-day01_3.]: https://blog.csdn.net/a924382407/article/details/129881128
[vue_-day01_4._Header_Footer]: https://blog.csdn.net/a924382407/article/details/129881205
[vue_-day01_5.]: https://blog.csdn.net/a924382407/article/details/129881287
[vue_-day01_6.Footer]: https://blog.csdn.net/a924382407/article/details/129881425
[vue_-day01_7.]: https://blog.csdn.net/a924382407/article/details/129882067
[vue_-day01_8.]: https://blog.csdn.net/a924382407/article/details/129882108