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

部分截圖

首頁

分類

購物車

個人