vue 仿美丽说项目

前言

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

部分截图

首页
《vue 仿美丽说项目》

分类
《vue 仿美丽说项目》

购物车
《vue 仿美丽说项目》


《vue 仿美丽说项目》

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

    原文作者:哈希
    原文地址: https://segmentfault.com/a/1190000011209463
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞