神了！两个开源的高仿外卖项目！

大家好，我是 Java陈序员。
今天，给大家推荐两个高仿的外卖项目！

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

高仿饿了么

项目简介

vue2-elm —— 一个基于 Vue2 + Vuex 构建具有 45 个页面的高仿饿了么项目，涉及注册、登录、商品展示、购物车、下单等功能。
功能特色：

• 定位功能
  
• 选择城市
  
• 搜索地址
  
• 展示所选地址附近商家列表
  
• 搜索美食，餐馆
  
• 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选
  
• 餐馆食品列表页
  
• 购物车功能
  
• 店铺评价页面
  
• 单个食品详情页面
  
• 商家详情页
  
• 登录、注册
  
• 修改密码
  
• 个人中心
  
• 发送短信、语音验证
  
• 下单功能
  
• 订单列表
  
• 订单详情
  
• 下载App
  
• 添加、删除、修改收货地址
  
• 帐户信息
  
• 服务中心
  
• 红包
  
• 上传头像
  

技术栈：

• Vue2
  
• Vuex
  
• Vue Router
  
• Webpack
  
• ES6/7
  

项目截图

项目运行

1. ## 克隆代码
2. git clone https://github.com/bailicangdu/vue2-elm.git  
4. cd vue2-elm
6. ## 安装依赖
7. npm install
9. ## 运行项目
10. npm run dev
12. ## 与后台服务同时开发，使用如下命令运行项目
13. npm run local
15. ## 构建部署
16. npm run build

复制代码

项目的所有接口数据都来源于配套的后台服务，后台服务也是开源的，基于 Node.js + MongoDB 构建。

1. 项目地址：https://github.com/bailicangdu/vue2-elm
2. 后端项目：https://github.com/bailicangdu/node-elm

复制代码

高仿美团

项目简介

vue-meituan —— 一个带支付功能的仿美团外卖点餐系统，具备登录、定位、浏览商品、加购物车、下订单、支付、评价、个人信息更改等功能。
功能特色：

• 登录/注销
  
• IP定位
  
• 搜索地址
  
• 获取商店（计算当前位置和商店的距离）
  
• 加购物车
  
• 下订单
  
• 支付（支持微信和支付宝的扫码支付和调起app支付）
  
• 评价
  
• 头像上传（用了七牛云存储）
  
• 图片懒加
  

技术栈：

• Vue全家桶(Vue + Vuex + Vue Router)
  
• Axios
  
• Express
  
• Mongoose
  
• 七牛云
  
• 支付宝和微信支付
  

项目截图

项目运行

1. ## 克隆代码
2. git clone https://github.com/zwStar/vue-meituan.git
4. cd vue-meituan
6. ## 安装依赖
7. npm install
9. ## 运行项目
10. npm run serve
12. ## 构建部署
13. npm run build

复制代码

项目启动成功后，浏览器访问：http://localhost:8080

需要开启后端服务，才能完整体验功能！

1. 项目地址：https://github.com/zwStar/vue-meituan
2. 后端项目：https://github.com/zwStar/meituan-backend

复制代码

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

1. https://github.com/chenyl8848/great-open-source-project

复制代码

或者访问网站，进行在线浏览：

1. https://chencoding.top:8090/#/

复制代码

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！