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 -- 未完成

部分截图

首页

分类

购物车

我的