Mall-Vue —— 一個基於 VUE + VUEX + iView 做的一個電商網站前端項目。這個項目是一個純前端項目,實現了首頁、商品頁面、購物車等大部分常用的電商網站頁面功能。 ...
大家好,我是 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/#/
大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!