在线商城项目-six淘

项目介绍：这是一个推荐购物的第三方网站，主要的商品信息从主流电商网站爬取。客户可以注册为会员，进行查询，下单等操作。主要目的是帮助自己贯穿前后端知识点。由于没有搭建过该类型网站，主体脉络参考慕课上的视频 Get全栈技能点 Vue2.0/Node.js/MongoDB 打造商城系统，有兴趣的同学可以购买以后进行学习，该视频项目的在线地址如下：http://imooc.51purse.com/。虽然脉络相近，但是在代码实现上还是有很大区别的，功能也会不一样，每一章都融入了自己的经验和思考。最后做出来效果以后，大家可以对比一下。

技术选型：这是一个spa网站，前端使用webpack + vue全家桶，后端使用node + express + mongodb + mongoose，服务器使用阿里云。由于是学习项目，目的很明确，就是熟悉开发流程。所以seo，ssr等技术我们在此不会讨论。

好吧，开始学习吧。

第一部分

项目搭建，主体流程基本跑通，商品列表页和登录页逻辑基本完成。

1. 在线商城项目01-项目初始化
2. 在线商城项目02-展示商品列表页面并抽取公共组件
3. 在线商城项目03-启用mock服务
4. 在线商城项目04-接口约定和数据请求
5. 在线商城项目05-利用mock数据进行渲染和图片懒加载
6. 在线商城项目06-商品列表页前端逻辑实现
7. 在线商城项目07-mac下mongodb的下载与配置
8. 在线商城项目08-数据库创建和商品集合的创建
9. 在线商城项目09-基于express框架的server端搭建
10. 在线商城项目10-基于mongoose实现商品列表查询
11. 在线商城项目11-商品列表页的排序实现
12. 在线商城项目12-商品列表页价格筛选实现
13. 在线商城项目13-商品列表分页功能实现
14. 在线商城项目14-阶段性自测与bug修复
15. 在线商城项目15-登录界面实现
16. 在线商城项目16-头部前端逻辑修改
17. 在线商城项目17-登录态保持

第二部分

预计会写注册逻辑，购物车逻辑，订单逻辑，二次封装请求方法，前端拦截器。这一部分偏业务性质更多。另外，最近更新可能会很慢。