首先上一下完成后的效果:
首頁:
商品詳情頁:
購物車頁(其實還有個訂單頁,只是和購物車頁基本類似,所以就不截圖啦):
開始項目:
由於涉及的是前后端分離,所以我們的后台數據就模擬存儲於瀏覽器端(config/config.js里面):
當然在這之前你需要使用Vue CLI構建項目(),然后才可以進行下去,還有我們這各項目里面用了Font Awesome圖標庫
來使我們的項目的圖標更加酷炫。讀者可以使用cnpm install font-awesome --save-dev安裝,具體的Font Awesome如何使
用讀者們可以訪問官方文檔(http://www.fontawesome.com.cn/faicons/)查看哦。
好啦,基礎的東西就這么多,其他的代碼,我就不寫了,讀者可以到(https://github.com/Stray-Kite/Online_Shopping)
自行下載研究,這篇博文主要是和大家共享這個項目,當然你要先具備vue的基礎哦。遇到不懂的可以加QQ:1549687918,
與博主討論哦,畢竟博主也是一個小菜鳥,互相學習。