大家好，我是 Java陳序員。
今天，給大家介紹一個基於 Vue 實現的電子商城網站。
關注微信公眾號：【Java陳序員】，獲取開源專案分享、AI副業分享、超200本經典計算機電子書籍等。
專案介紹
Mall-Vue —— 一個基於 VUE + VUEX + iView 做的一個電商網站前端專案。這個專案是一個純前端專案，實現了首頁、商品頁面、購物車等大部分常用的電商網站頁面功能。
功能特色：
- 首頁
- 登陸
- 註冊
- 商品搜尋頁面
- 商品詳情頁面
- 購物車頁面
- 確認訂單頁面
- 支付頁面
- 購買成功頁面
- 反饋頁面
- 商家店鋪頁面
- 使用者頁面
專案截圖
首頁
商品搜尋頁面
商品詳情頁面
註冊頁面
登入頁面
購物車頁面
支付頁面
支付成功頁面
收穫地址
我的訂單
快速上手
本地開發
1、拉取程式碼
git clone https://github.com/PowerDos/Mall-Vue.git
2、安裝依賴
npm install
3、啟動專案
npm run dev
4、瀏覽器訪問
http://localhost:8080/#/
預設使用者名稱密碼：Gavin/123456
5、打包部署
npm run build
Docker 部署
相關還提供了 Docker 映象，可使用 Docker 進行部署。
docker run -d -p 80:80 --name mall-web registry.cn-beijing.aliyuncs.com/w929732982/mall-web
專案地址：https://github.com/PowerDos/Mall-Vue
線上體驗：https://powerdos.github.io/Mall-Vue/index.html#/
最後
推薦的開源專案已經收錄到 GitHub 專案，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者訪問網站，進行線上瀏覽：
https://chencoding.top:8090/#/
大家的點贊、收藏和評論都是對作者的支援，如文章對你有幫助還請點贊轉發支援下，謝謝！