LUNAR - 電商平臺（jquery+CommonJS+webpack實現）

---

項目介紹

• 使用原生HTML/CSS/JS/JQ。 基於commonjs模塊化標準，先後端徹底分離，分層架構。
• 大量使用可高複用工具類設計與封裝
• 通用模塊設計與獨立打包方法
• UI設計思想
• 項目地址：https://github.com/Rosen97/LUNAR

---

項目模塊介紹

• 用戶模塊 ： 數據安全性處理方案，表單異步/同步，實現用戶的登陸，登出，我的信息的修改。
• 商品模塊 ： jQuery插件模塊化改造，獨立組件抽離。
• 購物車模塊 ： 商品狀態隨時驗證，模塊內部方法調用。
• 訂單模塊 ： 表單回填，實現地址的增刪改操做。

---

工具使用

• webpack
• npm nodejs
• Charles
• Git

---

功能特性

1. 首頁
2. 商品詳情
3. 商品列表
4. 搜索商品
5. 登陸/登出
6. 註冊
7. 修改密碼
8. 加購物車
9. 刪減購物車
10. 購物車數量
11. 購物車提交
12. 地址管理
13. 訂單管理
14. 訂單提交
15. 訂單驗證

---

項目初始化步驟

• 安裝nodejs環境,推薦使用v4.4.7 下載地址 : https://nodejs.org/download/release/v4.4.7/

• 全局安裝webpack v^1.15.0 命令: npm install -g webpack@^1.15.0

• 全局安裝webpack-dev-server v^1.16.5 命令: npm install -g webpack-dev-server@^1.16.5

• 在項目根目錄執行npm初始化 命令: npm install (--registry=https://registry.npm.taobao.org)

• 開發模式下預覽項目 訪問：http://localhost:3000/dist/view/index.html

• 數據加載跨域預覽 使用Charles，本地抓取數據，數據連接（http://test.happymmall.com）