仿美團外賣的全棧項目(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天以上的上班時間。若是沒有，我等下再來問哈。。。