vue2.0全家桶實現vivo商城 shop

Mynameisfwk發表於2018-05-26

vue全家桶 vue2.0+vuex+axios+better-scroll還有就是miut-ui元件庫

開頭

線上預覽

舊的版本:vivo移動端商城
新的版本:vivo移動端商城
專案演示地址:vivo移動端商城
建議Chrome除錯手機模式下預覽
因為剛買的域名主機所以要解析,實名認證才可以瀏覽,所以你們還是下把專案給下載下來本地執行看把!?

廢話

專案原始碼地址:vivo-shop,覺得還可以的話給個star 在這先謝謝了~
剛出來實習兩個月 所以沒有那麼的時間來寫,只有週六週日有時間!所以幫忙贊下這篇文章感謝了!?

寫在前面

這個小專案還有很多地方做的還不是那麼完美還存在一些小BUG,不過後期我會努力完善的,但求各位大佬提出你們的->建議,如果你覺的對你有幫助幫忙點個star謝謝!

因為比較趕所以有些功能還沒實現,一些程式碼也沒有優化好尤其是一些樣式你們將就看吧,不過基本功能都寫完了,沒有實現都功能上拉下拉重新整理、載入更多等等,後面會陸陸續續的做完的!所以關注我吧!收藏此文章吧或者關注我>>>github

前端交流群740625675 志同道合的可以加下一起學習!

Ps:因為我喜歡簡約大氣一點的所以主題顏色就是白+天藍色

效果預覽

首頁、分類、動態、我的

vue2.0全家桶實現vivo商城 shop

商品詳情、提交訂單、訂單詳情

vue2.0全家桶實現vivo商城 shop

文章列表、文章詳情、文章收藏

vue2.0全家桶實現vivo商城 shop

我的訂單、商品收藏、我的購物車

vue2.0全家桶實現vivo商城 shop

收貨地址、地址新增、地址管理

vue2.0全家桶實現vivo商城 shop

開發目的

想著寫一個案例放在開源網站上,時不時更新、完善、修改來提高自己技術能力,當然我也需要你們的建議有你們的建議我的作品也會更加完美

技術棧

vue-cli 是vue的腳手架工具,目錄結構、本地除錯、程式碼部署、熱載入、單元測試。

vue-router 是官方提供的路由器,使用vue.js構建單頁面應用程式變得輕而易舉。

vuex 是一個專為 vue.js 應用程式開發的狀態管理模式,簡單來說Vuex就是管理資料的。

Mint UI 由餓了麼前端團隊推出的 Mint UI 是一個基於 vue.js 的移動端元件庫。

better-scroll:解決移動端各種滾動場景需求的外掛,使移動端滑動體驗更加流暢

axios:用來請求後端api資料

實現功能

商品詳情、文章詳情、訂單詳情、訂單提交、分類管理、商品搜尋、商品/文章收藏、購物車功能(增、刪、單全選)、積分動態獲取、訂單管理、收貨地址管理、localstorage儲存等功能

專案執行

# 安裝專案依賴
npm install 

# 啟動服務 訪問http://localhost:8080
npm run dev

# 編譯打包
npm run build
複製程式碼

騷話

記得當時在學校自學前端的時候一個佈局浮動弄了我快三四天的時間,當時一度懷疑我是不是適合學程式設計,之後冷靜下來想想別人能做到為什麼我就不能?那時候也是總是沉不住氣,一遇到問題就想要放棄,學程式設計不是一蹴而就,而是慢慢的積累知識點哪怕是每天寫兩三個功能或是說解決一個問題,長期積累下去也會學到很多,只有不急不躁具有空杯心態才能碩果累累!

對。以上就是我的騷話!!!說下我個人的觀點!!!寫的不好,大佬輕噴!!

寫在最後

資料都來自於vivo官網如有侵權請請聯絡刪除這個小專案做的有點粗糙可以說是非常粗糙、各位將就看看吧、大佬輕噴、還有就是我要厚著臉皮要個star 感謝 ?

vue2.0全家桶實現vivo商城 shop

相關文章