大家好,我是 Java陳序員
。
今天,給大家推薦兩個高仿的外賣專案!
關注微信公眾號:【Java陳序員】,獲取開源專案分享、AI副業分享、超200本經典計算機電子書籍等。
高仿餓了麼
專案簡介
vue2-elm
—— 一個基於 Vue2
+ Vuex
構建具有 45 個頁面的高仿餓了麼專案,涉及註冊、登入、商品展示、購物車、下單等功能。
功能特色:
- 定位功能
- 選擇城市
- 搜尋地址
- 展示所選地址附近商家列表
- 搜尋美食,餐館
- 根據距離、銷量、評分、特色菜、配送方式等進行排序和篩選
- 餐館食品列表頁
- 購物車功能
- 店鋪評價頁面
- 單個食品詳情頁面
- 商家詳情頁
- 登入、註冊
- 修改密碼
- 個人中心
- 傳送簡訊、語音驗證
- 下單功能
- 訂單列表
- 訂單詳情
- 下載App
- 新增、刪除、修改收貨地址
- 帳戶資訊
- 服務中心
- 紅包
- 上傳頭像
技術棧:
- Vue2
- Vuex
- Vue Router
- Webpack
- ES6/7
專案截圖
專案執行
## 克隆程式碼
git clone https://github.com/bailicangdu/vue2-elm.git
cd vue2-elm
## 安裝依賴
npm install
## 執行專案
npm run dev
## 與後臺服務同時開發,使用如下命令執行專案
npm run local
## 構建部署
npm run build
專案的所有介面資料都來源於配套的後臺服務,後臺服務也是開源的,基於 Node.js
+ MongoDB
構建。
專案地址:https://github.com/bailicangdu/vue2-elm
後端專案:https://github.com/bailicangdu/node-elm
高仿美團
專案簡介
vue-meituan
—— 一個帶支付功能的仿美團外賣點餐系統,具備登入、定位、瀏覽商品、加購物車、下訂單、支付、評價、個人資訊更改等功能。
功能特色:
- 登入/登出
- IP定位
- 搜尋地址
- 獲取商店(計算當前位置和商店的距離)
- 加購物車
- 下訂單
- 支付(支援微信和支付寶的掃碼支付和調起app支付)
- 評價
- 頭像上傳(用了七牛雲端儲存)
- 圖片懶加
技術棧:
- Vue全家桶(Vue + Vuex + Vue Router)
- Axios
- Express
- Mongoose
- 七牛雲
- 支付寶和微信支付
專案截圖
專案執行
## 克隆程式碼
git clone https://github.com/zwStar/vue-meituan.git
cd vue-meituan
## 安裝依賴
npm install
## 執行專案
npm run serve
## 構建部署
npm run build
專案啟動成功後,瀏覽器訪問:http://localhost:8080
需要開啟後端服務,才能完整體驗功能!
專案地址:https://github.com/zwStar/vue-meituan
後端專案:https://github.com/zwStar/meituan-backend
最後
推薦的開源專案已經收錄到 GitHub
專案,歡迎 Star
:
https://github.com/chenyl8848/great-open-source-project
或者訪問網站,進行線上瀏覽:
https://chencoding.top:8090/#/
大家的點贊、收藏和評論都是對作者的支援,如文章對你有幫助還請點贊轉發支援下,謝謝!