资讯专栏INFORMATION COLUMN

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

anRui / 3155人阅读

摘要:前端项目包含多个路由,涉及到文件有个,功能设计登录,定位,浏览商品,加购物车,下订单,支付支持微信和支付宝的扫码支付和调起支付,评价,个人信息更改,是一个较为完整的项目。

关于

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天以上的上班时间。如果没有,我等下再来问哈。。。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/19238.html

相关文章

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

    摘要:前端项目包含多个路由,涉及到文件有个,功能设计登录,定位,浏览商品,加购物车,下订单,支付支持微信和支付宝的扫码支付和调起支付,评价,个人信息更改,是一个较为完整的项目。 关于 2019届大三学生,前段时间一直想一个人单独开发一个较为完整的项目,在众多应用中,考虑之后选择了美团外卖来模仿,这段时间就利用课余时间进行开发,前端用vue+vuex+vue-router+axios,因为需要...

    iflove 评论0 收藏0
  • vue2练习之仿美团外卖开发(一)

    摘要:的双向数据绑定方法我觉得很巧妙我是尤雨溪脑残粉为什么选美团外卖美团外卖项目估计差不多能够设计到大部分技术点,不包括服务端渲染作为练习够用了。平日里我点外卖一直用美团。用多了可能也比较了解美团外卖吧。 前言 很多初学者尤其是像我这样的公司有且只有一个前端的时候,硬着头皮去学习一门新框架,周围无人帮忙,平日里遇到问题只能求助于思否,百度,google。点击我的个人头像去看我的提问你们就知道...

    X1nFLY 评论0 收藏0
  • 大三Java实习总结网易百度小米美团阿里(均拿offer)

    摘要:基础回答的好百度说实话没想到百度会给我打面试电话,毕竟是,在我心中地位还是很高的。后来第二天就通知我说直接过了,不用二三面了,就这样只面了一面稀里糊涂的过了百度。差不多是这些,因为是米粉所以毫不犹豫的接收了小米,没去百度。 ----------5月5日确认收到阿里offer ----------4月12日昨天阿里HR面完,目前在等结果的阶段,无论结果如何都能接收,作为一名双非学校的本科...

    atinosun 评论0 收藏0

发表评论

0条评论

anRui

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<