vue 项目开发 lenovo商城

前言

因为vue相对来讲比较平缓的学习过程和新颖的技术思路，使其受到了广大先后端开发者的青睐，同时其通俗易懂的API和数据绑定的功能也为其揽获了很多用户。在初学vue的过程当中遇到的一些问题，都是入门时可能会遇到的问题，那个时候以为vue特别难学。由于vue对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登陆、注册、用户信息等等，经常会让咱们很头疼，既然vue这么难懂 ，那么就由我来实践一个项目 开发一条思路 也许开源出来对能看到的人会有帮助。

基于Vue的一个组件开发。不得不说的一点就是，在实际的Vue项目中，页面中每个小块都是由一个个组件（.vue文件）组成，通过抽离后，而后再合并一块儿组成一个页面。

起初也不知道写一个什么样的项目 ， 后来经介绍找了一项比较简单的项目 " lenovo商城 " 来实践一下我的水平……

该项目大大小小60多个页面，涉及 注册、登陆、社交、商品展现、销量、购物车、下单等等，是一个完整的流程。

由于利用业余时间来作，如今刚开始写，现正处在工做期间，项目周期会有点长，项目从零布局到完成必须认真对待，目前项目已经在策划，增长详细的注释 以及简单的方法来实现， 方便读者易懂 ……

技术栈

vue + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg

目标功能

• [ ] - 登陆 -- 未完成
• [ ] - 注册 -- 未完成
• [ ] - 搜索产品 -- 未完成
• [ ] - 二维码 -- 未完成
• [ ] - 焦点图 -- 未完成
• [ ] - 全部分类 -- 未完成
• [ ] - 领券 -- 未完成
• [ ] - 社交互动 -- 未完成
• [ ] - 产品分类 -- 未完成
• [ ] - 物流查询 -- 未完成
• [ ] - 商品详情页 -- 未完成
• [ ] - 筛选功能 -- 未完成
• [ ] - 修改密码 -- 未完成
• [ ] - 发送短信 -- 未完成
• [ ] - 下单功能 -- 未完成
• [ ] - 订单列表 -- 未完成
• [ ] - 订单详情 -- 未完成
• [ ] - 购物车功能 -- 未完成
• [ ] - 个人页面 -- 未完成
• [ ] - 待付款 -- 未完成
• [ ] - 待发货 -- 未完成
• [ ] - 待收货 -- 未完成
• [ ] - 待评价 -- 未完成
• [ ] - 退货/换货 -- 未完成
• [ ] - 添加、删除、修改收货地址 -- 未完成
• [ ] - 设置 -- 未完成
• [ ] - 换肤 -- 未完成
• [ ] - 消息 -- 未完成
• [ ] - 我的信息 -- 未完成
• [ ] - 上传头像 -- 未完成
• [ ] - 收藏 -- 未完成
• [ ] - 评价 -- 未完成
• [ ] - 个人资产 -- 未完成
• [ ] - 优惠劵 -- 未完成
• [ ] - 个人收藏 -- 未完成
• [ ] - 收货地址 -- 未完成
• [ ] - 客服中心 -- 未完成
• [ ] - 下载App -- 未完成

部分截图

首页

分类

购物车

个人