本系統從前端到後臺實現了電子商務網站。頁面實現了兩套,分別用於PC端以及手機端。後臺實現了用戶的登陸註冊、加入購物車、結算功能,以及很是簡單的商品信息錄入功能。 前端頁面使用的JS庫是jQuery,對於手機端手勢功能是本身實現的沒有采用第三方JS庫。後臺使用的語言是Node,採用Express框架。數據庫方面使用MongoDB,使用mongoose簡化操做。前端
先看下實現的效果:
1.PC端首頁效果
git
2.PC端登陸頁
github
3.PC端詳情頁面
web
4.PC端購物車頁面
數據庫
5.PC端支付頁面
框架
6.移動端首頁
mongoose
7.移動端登陸頁面
網站
8.移動端註冊頁面
spa
9.移動端詳情頁面
blog
10.移動端詳情加入購物車規格選擇效果
11移動端購物車頁面
12.移動端支付頁面
13.移動端搜索頁面
查看完整項目能夠去個人GitHub,歡迎你們的下載、提問和關注哈。
項目的目錄結構是:
系統的入口文件在根目錄下的ecdb.js。腳本、樣式表、圖片等資源存放於public目錄下,頁面存放在views目錄下。
由於系統涉及了數據庫,因此下載後不能直接運行。須要安裝並正確配置MongoDB數據庫,若是本文章收到較好的反饋,我會在之後添加一個無數據庫的版本以供你們查看項目實際效果。並在後期再readme文件中加入更加詳細的說明。
最後謝謝你們的閱讀,歡迎有興趣的童鞋到個人GitHub添加關注,謝謝了!