仿美团外卖的全栈项目(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抓取数据

多图预警

《仿美团外卖的全栈项目(vue+node+mongodb)带付出->大三求练习》” /></span></p><h3>定位和搜刮商家</h3><p><span><img layer-src=线上地点

堆栈地点

代码已开源到github上面,有详细的运转操纵,假如以为还能够,请给个Star哈哈!

github地点

未完待续

另有商家治理PC端还没写完,等写完再开源出来

写在末了

由于照样门生,日常平凡最多也是和同砚一同开辟,并没有介入过真正的企业团队开辟,所以应该有许多处所做的不是很好,迎接列位大佬们给我提一些看法,末了再问一句哈,求广深练习,如今能够最先上班(要求暑假上班也能够),每周保证4天以上的上班时候。假如没有,我等下再来问哈。。。

    原文作者:zwStar
    原文地址: https://segmentfault.com/a/1190000014267516
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞