仿美团外卖的全栈项目(vue+node+mongodb)带支付->大三求实习

关于

2019届大三学生，前段时间一直想一我的单独开发一个较为完整的项目，在众多应用中，考虑以后选择了美团外卖来模仿，这段时间就利用课余时间进行开发，前端用vue+vuex+vue-router+axios，由于须要用到定位和支付等功能，须要后端配合，并且想要作真正数据交互，因此用express(基于nodejs的框架)作后台，数据库用NOSQL的mongodb。 前端项目包含20多个路由，涉及到vue文件有40个，功能设计登陆，定位，浏览商品，加购物车，下订单，支付(支持微信和支付宝的扫码支付和调起app支付)，评价，我的信息更改，是一个较为完整的项目。

注意：此项目为我的开发实践练习，不做为任何商业用途

重要事情先讲一遍

求广深实习，如今能够开始上班(要求暑假上班也能够)，每周保证4天以上的上班时间

功能

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

技术栈

• Webpack-cli搭建项目
• Vue全家桶(vue+vuex+vue-router)
• CSS预处理器SCSS
• axios与后端进行请求数据
• 使用better-scroll滚动
• 七牛云存储图片
• 支付宝和微信支付
• Express搭建后端服务
• Mongoose对MongoDB进行便捷操做
• 使用Charles抓取数据

多图预警

定位和搜索商家

扫码支付

调起APP支付

购物车

商品操做

评论

其它操做

还有一些其它功能就不放图了哈

线上地址

请用谷歌浏览器而后开启移动端浏览，若是要调用APP支付就须要用手机自带浏览器打开，而后支付时选择调起APP支付
复制代码

线上地址

仓库地址

代码已开源到github上面，有具体的运行操做，若是以为还能够，请给个Star哈哈！
复制代码

github地址

未完待续

还有商家管理PC端还没写完，等写完再开源出来
复制代码

写在最后

由于仍是学生，平时最多也是和同窗一块儿开发，并无参与过真正的企业团队开发，因此应该有不少地方作的不是很好，欢迎各位大佬们给我提一些意见，最后再问一句哈，求广深实习，如今能够开始上班(要求暑假上班也能够)，每周保证4天以上的上班时间。若是没有，我等下再来问哈。。。