跨終端電子商務網站的實現

本系統從前端到後臺實現了電子商務網站。頁面實現了兩套,分別用於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添加關注,謝謝了!

相關文章
相關標籤/搜索