前言

初学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封顶 -- 未完成
  • 时尚拼团 -- 未完成
  • 大家都在买 -- 未完成
  • 签到领券 -- 未完成
  • 限时秒杀 -- 未完成
  • 潮流速递 -- 未完成
  • 正在流行 -- 未完成
  • 流行单品 -- 未完成
  • 分类 -- 未完成
  • 热门穿搭 -- 未完成
  • 畅销热榜 -- 未完成
  • 猜你喜欢 -- 未完成
  • 流行 -- 未完成
  • 热销 -- 未完成
  • 购物车 -- 未完成
  • 设置 -- 未完成
  • 登录、注册 -- 未完成
  • 我 -- 未完成
  • 忘记密码 -- 未完成
  • 找回密码 -- 未完成
  • 发送短信-- 未完成
  • 钱包 -- 未完成
  • 优惠券 -- 未完成
  • 会员中心 -- 未完成
  • 客服帮助 -- 未完成
  • 收藏 -- 未完成
  • 足迹 -- 未完成
  • 猜你喜欢 -- 未完成
  • 我的拼团 -- 未完成
  • 成为分享达人 -- 未完成
  • 个人信息设置 -- 未完成
  • 站外绑定设置-- 未完成
  • 上传头像 -- 未完成

部分截图

首页
图片描述

分类
图片描述

购物车
图片描述


图片描述

地址:https://github.com/haxxk/vue-mls

本文固定链接: http://www.js-code.com/vue-js/vue-js_25326.html