神了!兩個開源的高仿外賣專案!

Java陈序员發表於2024-08-22

大家好,我是 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/#/

大家的點贊、收藏和評論都是對作者的支援,如文章對你有幫助還請點贊轉發支援下,謝謝!

相關文章