美多商城项目

美多商城课件在线地址

http://121.5.151.41/mylesson/Django/%E7%BE%8E%E5%A4%9A%E5%95%86%E5%9F%8E%E9%A1%B9%E7%9B%AE%E8%AF%BE%E4%BB%B6/index.html

需求分析

• 用户部分

  • 注册

    • 用户名,密码,确认密码,手机号码,图形验证码,短信验证码

    • 勾选 同意商城协议

    • 注册按钮

  • 登录

    • 用户名/手机号码,密码

    • 可以勾选'记录登录'

    • 登录按钮,QQ/微信登录

  • 个人信息

    • 邮箱填写与验证

    • 浏览的商品历史记录

  • 地址管理

    • 省市区地址信息加载

    • 新增修改删除地址

    • 设置默认地址

  • 修改密码

    • 当前密码,新密码,确认密码

• 商品部分

  • 首页

    • 商品分类

    • 广告控制

  • 商品列表

  • 商品详情

  • 商品搜索

• 购物车部分

  • 购物车管理

• 订单部分

  • 提交订单

  • 我的订单

  • 订单评价

• 支付部分

  • 支付宝支付

前端安装 live-server

• 前端需要单独服务器跑起来,这个服务器就是 live-server

- 安装步骤

    - windows安装 node.js 版本控制工具 nvm(node version manage)

        - https://github.com/coreybutler/nvm-windows/releases/download/1.1.10/nvm-setup.zip

        - nvm 常用命令

            - nvm ls-remote：列出所有可以安装的node版本号
            - nvm install v15.1.0：安装指定版本号的node

                - 安装的版本和教程保持一致: nvm install v10.4.1

                    - 此时,会自动帮你安装 npm(node package manage),node 包/模块 管理工具

            - nvm use v15.1.0：切换node的版本，这个是全局的
            - nvm current：当前node版本
            - nvm ls：列出所有已经安装的node版本

    - 安装 live-server

        - npm install -g live-server

    - 测试:切换到前端目录,输入命令: live-server