项目介绍:这是一个推荐购物的第三方网站,主要的商品信息从主流电商网站爬取。客户可以注册为会员,进行查询,下单等操作。主要目的是帮助自己贯穿前后端知识点。由于没有搭建过该类型网站,主体脉络参考慕课上的视频 Get全栈技能点 Vue2.0/Node.js/MongoDB 打造商城系统,有兴趣的同学可以购买以后进行学习,该视频项目的在线地址如下:http://imooc.51purse.com/。虽然脉络相近,但是在代码实现上还是有很大区别的,功能也会不一样,每一章都融入了自己的经验和思考。最后做出来效果以后,大家可以对比一下。
技术选型:这是一个spa网站,前端使用webpack + vue全家桶,后端使用node + express + mongodb + mongoose,服务器使用阿里云。由于是学习项目,目的很明确,就是熟悉开发流程。所以seo,ssr等技术我们在此不会讨论。
好吧,开始学习吧。
第一部分
项目搭建,主体流程基本跑通,商品列表页和登录页逻辑基本完成。
- 在线商城项目01-项目初始化
- 在线商城项目02-展示商品列表页面并抽取公共组件
- 在线商城项目03-启用mock服务
- 在线商城项目04-接口约定和数据请求
- 在线商城项目05-利用mock数据进行渲染和图片懒加载
- 在线商城项目06-商品列表页前端逻辑实现
- 在线商城项目07-mac下mongodb的下载与配置
- 在线商城项目08-数据库创建和商品集合的创建
- 在线商城项目09-基于express框架的server端搭建
- 在线商城项目10-基于mongoose实现商品列表查询
- 在线商城项目11-商品列表页的排序实现
- 在线商城项目12-商品列表页价格筛选实现
- 在线商城项目13-商品列表分页功能实现
- 在线商城项目14-阶段性自测与bug修复
- 在线商城项目15-登录界面实现
- 在线商城项目16-头部前端逻辑修改
- 在线商城项目17-登录态保持
第二部分
预计会写注册逻辑,购物车逻辑,订单逻辑,二次封装请求方法,前端拦截器。这一部分偏业务性质更多。另外,最近更新可能会很慢。