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

是个陈序员 2024-08-22 17:06:45

大家好,我是 Java陈序员。

今天,给大家推荐两个高仿的外卖项目!

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

高仿饿了么项目简介

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

功能特色:

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

技术栈:

Vue2VuexVue RouterWebpackES6/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)AxiosExpressMongoose七牛云支付宝和微信支付项目截图

项目运行## 克隆代码git clone https://github.com/zwStar/vue-meituan.gitcd 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/#/

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

0 阅读:0

是个陈序员

简介:感谢大家的关注