Project introduction

  • Use native HTML/CSS/JS/JQ. Based on commonJS modular standard, the front and back ends are completely separated and layered architecture.
  • Extensive use of highly reusable tool classes for design and packaging
  • Universal module design and independent packaging method
  • UI Design Ideas
  • The address of the project: https://github.com/Rosen97/LUNAR

Project Module Introduction

  • User module: data security processing scheme, form asynchrony/synchronization, user login, logout, personal information modification.
  • Commodity module: jQuery plug-in modular transformation, independent components removed.
  • Shopping cart module: product status verification at any time, module internal method call.
  • Order module: form backfill, address add, delete, change operation.

Tool use

  • webpack
  • npm nodejs
  • Charles
  • Git

features

  1. Home page
  2. Goods details
  3. List of goods
  4. Search for goods
  5. Login/logout
  6. registered
  7. Change the password
  8. Add a shopping cart
  9. Delete shopping cart
  10. Shopping cart quantity
  11. Shopping cart Submission
  12. Address management
  13. The order management
  14. Orders submitted
  15. Order to verify

Project initialization steps

  • Install nodejs environment, it is recommended to use v4.4.7 download address: https://nodejs.org/download/release/v4.4.7/

  • NPM install -g webpack@^1.15.0

  • NPM install -g webpack-dev-server@^1.16.5

  • In the project root directory to perform NPM initialization command: NPM install (registry=https://registry.npm.taobao.org)

  • Development mode to preview project visit: http://localhost:3000/dist/view/index.html

  • Data loading cross-domain use Charles preview, local data, the data link (http://test.happymmall.com)