vue xiaomi

專案簡介

這是一個模仿小米商城實現主要功能點的電商專案。

前端包含了11 個頁面：首頁、登入、註冊、全部商品、商品詳情頁、關於我們、我的收藏、購物車、訂單結算頁面、我的訂單以及錯誤處理頁面。

實現了商品的展示、商品分類查詢、關鍵字搜尋商品、商品詳細資訊展示、登入、註冊、用戶購物車、訂單結算、用戶訂單、用戶收藏清單以及錯誤處理功能。

後端根據前端所需的資料分模組設計了對應的介面、控制層、資料持久層。

技術堆疊

• 前端： Vue + Vue-router + Vuex + Element-ui + Axios

• 後端： Node.js 、 Koa框架

• 資料庫： Mysql 、 redis

後端項目傳送位址：xiaomi-server

後端專案運作請參考說明設定確保已開啟本機資料庫mysql、redis服務及對應埠埠

功能模組

• 登入
• 註冊
• 首頁
• 全部商品
• 商品詳情頁
• 我的購物車
• 訂單結算
• 我的收藏
• 我的訂單

運行專案

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

如果覺得這個項目還不錯，您可以點右上角Star支持一下， 謝謝！ ^_^

專案頁面截圖

首頁

全部商品

購物車

我的收藏

我的訂單

登入

註冊