{"id":13522257,"url":"https://github.com/zwStar/vue-meituan","last_synced_at":"2025-03-31T22:31:05.035Z","repository":{"id":37952361,"uuid":"107995068","full_name":"zwStar/vue-meituan","owner":"zwStar","description":"vue+node+mongodb仿美团外卖点餐系统带支付功能","archived":false,"fork":false,"pushed_at":"2019-06-08T10:37:24.000Z","size":9439,"stargazers_count":1540,"open_issues_count":32,"forks_count":452,"subscribers_count":37,"default_branch":"master","last_synced_at":"2024-11-02T06:31:55.693Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zwStar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-23T14:38:17.000Z","updated_at":"2024-11-02T02:48:56.000Z","dependencies_parsed_at":"2022-07-12T00:01:17.366Z","dependency_job_id":null,"html_url":"https://github.com/zwStar/vue-meituan","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zwStar%2Fvue-meituan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zwStar%2Fvue-meituan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zwStar%2Fvue-meituan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zwStar%2Fvue-meituan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zwStar","download_url":"https://codeload.github.com/zwStar/vue-meituan/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246552271,"owners_count":20795794,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:00:44.672Z","updated_at":"2025-03-31T22:31:00.026Z","avatar_url":"https://github.com/zwStar.png","language":"Vue","funding_links":[],"categories":["实战项目","Flutter 程序","Vue"],"sub_categories":["高仿App项目","网络服务_其他"],"readme":"## 更新（2019/6/5） ##\n项目已经发布一年多的时间，vue-cli已经升级到3.0，很多依赖也都更新了导致项目跑不起来，这里简单的把项目升级到vue-cli3版本，接下来准备发布小程序版本的，感谢大家的支持。\n\n## 关于 ##\n2019届大三学生，前段时间一直想一个人单独开发一个较为完整的项目，在众多应用中，考虑之后选择了美团外卖来模仿，这段时间就利用课余时间进行开发，前端用vue+vuex+vue-router+axios，因为需要用到定位和支付等功能，需要后端配合，而且想要做真正数据交互，所以用express(基于nodejs的框架)做后台，数据库用NOSQL的mongodb。 前端项目包含20多个路由，涉及到vue文件有40个，功能设计登录，定位，浏览商品，加购物车，下订单，支付(支持微信和支付宝的扫码支付和调起app支付)，评价，个人信息更改，是一个较为完整的项目。\n\n### 注意：此项目为个人开发实践练习，不作为任何商业用途\n\n\n\n## 社区地址\n   掘金地址：\u003e[https://juejin.im/post/5aca46e2f265da238c3af4ca](https://juejin.im/post/5aca46e2f265da238c3af4ca)\n\n   思否地址：\u003e[https://segmentfault.com/a/1190000014267516?utm_source=index-hottest](https://segmentfault.com/a/1190000014267516?utm_source=index-hottest)\n## 功能 ##\n- 登录/注销\n- IP定位\n- 搜索地址\n- 获取商店(计算当前位置和商店的距离)\n- 加购物车\n- 下订单\n- 支付(支持微信和支付宝的扫码支付和调起app支付)\n- 评价\n- 头像上传(用了七牛云存储)\n- 图片懒加载\n\n\n## 技术栈 ##\n- Webpack-cli搭建项目\n- Vue全家桶(vue+vuex+vue-router)\n- CSS预处理器SCSS\n- axios与后端进行请求数据\n- 七牛云存储图片\n- 支付宝和微信支付\n- 使用better-scroll滚动\n- Express搭建后端服务\n- Mongoose对MongoDB进行便捷操作\n- 使用Charles抓取数据\n\n\n## 效果演示\n### 主界面 ###\n![主界面](screenshots/index3.gif)\n### 定位和搜索 ###\n![定位](screenshots/location.gif)\n### 扫码支付 ###\n![扫码支付](screenshots/scan_pay.gif)\n### APP支付 ###\n![调用APP支付](screenshots/app_pay.gif)\n### 我的购物车 ###\n![购物车](screenshots/cart.gif)\n### 清除购物车 ###\n![清除购物车](screenshots/clearCart.gif)\n### 评论 ###\n![评论](screenshots/comment.gif)\n### 其它 ###\n![其它](screenshots/other.gif)\n### 还有一些其它功能就不放图了哈 ###\n\n## 线上地址 ##\n    http://39.108.3.12\n    请用谷歌浏览器然后开启移动端浏览，如果要调用APP支付就需要用手机自带浏览器打开，然后支付时选择调起APP支付\n\n## 说明\n    后端项目地址：\u003e[GitHub：https://github.com/zwStar/meituan-backend](https://github.com/zwStar/meituan-backend)\n\n## 未完待续 ##\n    还有商家管理PC端还没写完，等写完再开源出来\n\n## 项目部署\n\n阿里云 CentOS 7.4 64位\n\n## 项目运行\n\n```\n项目运行之前，请确保系统已经安装以下应用\n1、node\n2、mongodb\n```\n\n```\ngit clone https://github.com/zwStar/vue-meituan.git\n\ncd vue-meituan\n\nnpm install\n\nnpm run serve\n\n访问: http://localhost:8080 (确保后端项目服务已开启)\n\n```\n\n# 项目布局\n\n```\n.\n├── api                             后端接口\n├── config.js                       运行配置\n├── assets                          静态资源\n├── components                      全局组件\n├── router                          路由\n├── store                           vuex\n├── styles                          全局样式\n├── views                           页面\n├── App.vue                         入口页面\n├── main.js                         入口\n├── .babelrc                        babel-loader 配置\n├── .gitignore                      git 忽略项\n├── favicon.ico                     favicon图标\n├── index.html                      html模板\n└── package.json                    package.json\n.\n\n```\n\n\n## 写在最后 ##\n因为还是学生，平时最多也是和同学一起开发，并没有参与过真正的企业团队开发，所以应该有很多地方做的不是很好，欢迎各位大佬们给我提一些意见。\n\n 如果有问题，您可以在 Issues 中提问哈。\n 如果您对这个项目感兴趣，请Star支持下，谢谢！\n# License\n    MIT\n\n# 打赏\n如果觉得这个项目对你有帮忙，可以请我喝杯奶茶哈\n\n微信：\n\n\u003cimg src=\"https://github.com/zwStar/vue-meituan/blob/v2.0/screenshots/weChat.jpg\" width=\"275\" alt=\"微信\"/\u003e\n支付宝：\n\n\u003cimg src=\"https://github.com/zwStar/vue-meituan/blob/v2.0/screenshots/alipay.jpg\" width=\"275\" alt=\"支付宝\"/\u003e\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FzwStar%2Fvue-meituan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FzwStar%2Fvue-meituan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FzwStar%2Fvue-meituan/lists"}