前言
初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会伴随着登录、注册、用户信息等等,常常会让我们很头疼。因为这类的项目好多都没人用vue来写,那么我就写一个这样的项目,希望对看到想学或者正在写此类项目的人有所帮助。
在这里我就选择了美丽说,原因就不细说了,让我来列举一些我需要做的事。
此项目大大小小共60个页面,涉及注册、登录、商品展示、购物车、下单等等,是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂,如果这个项目能驾驭的了,相信大部分公司的其他单页面应用也就不在话下,即便更复杂,也不会比这个高到哪里去。
由于现在在工作时期,只能利用业余时间来做,现在刚开始写,更新的会有点慢,目前项目已经在策划,增加详细的注释 以及简单的方法来实现, 方便读者易懂 ……
注:此项目纯属个人瞎搞,正常下单请选择美丽说官方客户端。
技术栈
vue2 + vue-cli + vuex + vue-router + vue-resource/axios + webpack + ES6/7 + fetch + sass + flex + svg + git
目标功能
- 首页 -- 未完成
- 搜索 -- 未完成
- 消息 -- 未完成
- 通知 -- 未完成
- 服务保障 -- 未完成
- 1分抽奖 -- 未完成
- 9.9封顶 -- 未完成
- 时尚拼团 -- 未完成
- 大家都在买 -- 未完成
- 签到领券 -- 未完成
- 限时秒杀 -- 未完成
- 潮流速递 -- 未完成
- 正在流行 -- 未完成
- 流行单品 -- 未完成
- 分类 -- 未完成
- 热门穿搭 -- 未完成
- 畅销热榜 -- 未完成
- 猜你喜欢 -- 未完成
- 流行 -- 未完成
- 热销 -- 未完成
- 购物车 -- 未完成
- 设置 -- 未完成
- 登录、注册 -- 未完成
- 我 -- 未完成
- 忘记密码 -- 未完成
- 找回密码 -- 未完成
- 发送短信-- 未完成
- 钱包 -- 未完成
- 优惠券 -- 未完成
- 会员中心 -- 未完成
- 客服帮助 -- 未完成
- 收藏 -- 未完成
- 足迹 -- 未完成
- 猜你喜欢 -- 未完成
- 我的拼团 -- 未完成
- 成为分享达人 -- 未完成
- 个人信息设置 -- 未完成
- 站外绑定设置-- 未完成
- 上传头像 -- 未完成
部分截图
首页
分类
购物车
我
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。