從二月七日到三月二十一日例衍，花費四十多天時間昔期，基本完成了一個電商系統(tǒng)的設(shè)計。從原型設(shè)計佛玄、前端頁面搭建硼一，到數(shù)據(jù)庫設(shè)計、編寫后端中間件梦抢，再到前后端聯(lián)調(diào)般贼，部署打包，一路走來進(jìn)步了許多奥吩。

整個系統(tǒng)包括用戶管理哼蛆、商城、購物結(jié)算霞赫、地圖定位人芽、三維展示、智能客服绩脆、分類檢索萤厅、訂單管理、庫存管理靴迫、物流查詢等模塊惕味。下面我分別介紹一下

下載地址：點擊下載

技術(shù)棧：
框架：nuxt，前端：vue+less+element玉锌，后端：koa名挥，數(shù)據(jù)庫：mongodb+redis，云端：阿里云OSS主守，三維模塊：echarts-gl

商城具備基本功能

-用戶管理模塊

• 注冊時自動驗證重名 詳細(xì)
  填寫用戶名時會自動驗證是否存在重名

• 驗證密碼
  注冊時會自動校驗兩次密碼的一致性

• 郵件發(fā)送 詳細(xì)

  系統(tǒng)會向指定郵箱發(fā)送一封包含驗證碼的郵件

• 驗證碼判別
  打開郵箱禀倔，復(fù)制驗證碼完成注冊，注意驗證碼有效期只有10分鐘

  • 完善信息
    注冊成功后來到完善信息頁面

  • 上傳頭像
    拖拽圖片到上傳框参淫，即可設(shè)置個性頭像

• 權(quán)限分組
  在用戶名前添加 gly 或 管理員 前綴救湖，將注冊為管理員，額外擁有賣家發(fā)貨權(quán)限

• 登錄功能
  登錄界面涎才，如勾選 [記住我] 選項鞋既，以后每次登錄力九，系統(tǒng)將自動為您填寫賬號密碼

• 社交賬號綁定
  登陸之后能查看個人信息，可隨時點擊 [更改資料] 按鈕邑闺，解綁或綁定社交賬號

• 簽到打卡
  每天簽到能獲得經(jīng)驗和積分跌前，但當(dāng)日內(nèi)的多次簽到將被系統(tǒng)拒絕

• 等級積分
  簽到前，用戶的等級陡舅、金幣抵乓、經(jīng)驗
  簽到之后用戶等級、金幣靶衍、經(jīng)驗都做出了更新

-商城功能

• 分類推薦
  商城會根據(jù)瀏覽分類推薦商品灾炭，點擊可看商品詳情

• 影視資訊
  影視去會抓取豆瓣電影最新的數(shù)據(jù)，點擊可看電影詳情

• 商品詳情
  商品詳情

• 放大鏡 詳細(xì)

  鼠標(biāo)移動到圖片上會顯示放大

• 多圖預(yù)覽
  點擊大圖下方的圖片可進(jìn)行大圖瀏覽

• 折扣系統(tǒng)
  參加折扣促銷的商品摊灭，進(jìn)入頁面后會自動開始倒計時

• 智能倉庫
  點選商品規(guī)格后，系統(tǒng)會自動匹配出最近有貨的倉庫败徊，和庫存數(shù)量

• 收藏夾
  對于喜歡的商品可以點擊收藏按鈕帚呼，之后在個人收藏夾中進(jìn)行管理

-定位功能

• 自動定位
  加載頁面之后，用戶城市位置會在頂部自動加載出現(xiàn)

• 城市檢索
  用戶也可自行更改顯示城市

• 省市聯(lián)動
  選取省份后皱蹦，市區(qū)選項被激活煤杀，可以點選該省下轄的地級市

• 搜索功能
  搜索框內(nèi)輸入中文或字母縮寫可以檢索出對應(yīng)城市

-球面展示

• 三維地球
  點擊 [查找門店] 按鈕系統(tǒng)會把顯示在球體上，球體可旋轉(zhuǎn)縮放

• 定位功能
  點擊坐標(biāo)沪哺，會顯示店鋪相關(guān)信息沈自，可點擊鏈接直達(dá)店鋪頁面

-查看店鋪

• 店鋪信息
  首頁會自動顯示店鋪位置、倉庫位置以及熱賣商品
  在數(shù)據(jù)庫中辜妓，以店鋪為中心枯途，將商品與庫存做了映射

-購物功能

• 最近添加
  鼠標(biāo)懸浮于購物袋按鈕，會顯示最近添加入購物車的兩件商品

• 購物車界面
  同一商品的不同型號會被當(dāng)做不同商品籍滴，若實時庫存低于15會顯示緊張

• 結(jié)賬系統(tǒng)
  選取需要結(jié)算的商品酪夷，點擊結(jié)算按鈕

-訂單功能

• 訂單管理
  結(jié)算后默認(rèn)為未付款狀態(tài)，需要手動點擊付款

• 提醒發(fā)貨
  付款后孽惰，買家可選擇提醒賣家發(fā)貨

• 賣家登錄
  使用管理員權(quán)限登錄賣家系統(tǒng)晚岭，可以發(fā)貨，管理員注冊時須要有g(shù)ly或管理員前綴

• 賣家發(fā)貨
  發(fā)貨成功后勋功，買家的訂單將會得到更新

• 實時物流
  買家可在物流信息中得到距離坦报，預(yù)計時長等信息

-智慧客服

• 智能陪聊
  點擊 [智慧客服] 按鈕，客服小茉會與您進(jìn)行智能陪聊

• 斗圖
  聊不下去了狂鞋？那就來一發(fā)斗圖吧

• 快捷輸入
  點擊發(fā)送按鈕時片择，若輸入框無信息，會出現(xiàn)默認(rèn)快捷短語

• 轉(zhuǎn)接人工
  轉(zhuǎn)接人工

• 聊天記錄
  點擊右上角的 x 號骚揍，將保存聊天記錄构回，沒聊盡興的話，可以來日再聊

• 清空記錄
  點擊清空按鈕，將清空聊天記錄纤掸，慎點

-榜單熱賣

• 搜索功能
  輸入內(nèi)容為空時會顯示熱門搜索和歷史搜索

• 自動完成
  輸入內(nèi)容不為空時會顯示自動完成詞匯

• 歷史搜索
  歷史搜索將在輸入時以下拉框形式呈現(xiàn)

• 熱詞搜索
  熱詞搜索將在輸入時以下拉框形式呈現(xiàn)

• 排序
  點擊開關(guān)可以進(jìn)行排序