# spl-lq

**Repository Path**: lq32/spl-lq

## Basic Information

- **Project Name**: spl-lq
- **Description**: 尚品汇
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-16
- **Last Updated**: 2021-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### dev分支 项目整体环境的搭建
    1. 路由环境
        基本环境搭建  配404  路由懒加载  路由守卫
    2. 请求环境
        基本环境搭建 mock 跨域
    3. 仓库环境
        基本环境搭建  分仓库
    4. 总线
    
 
### 需求
    0.新建项目(git) : 处于master分支
    1.初始化环境(router axios  mock vuex 总线 字体图标) : 处于dev分支
    2.新增需求文档(sph.txt): 处于dev分支
    3.给请求加进度条(nprogress) : 处于damu分支 合并到dev分支
        文档: https://www.npmjs.com/package/nprogress
        安装: npm install --save nprogress
        引入: import NProgress from "nprogress"
        使用:
            拦截器的请求回调 开启进度条 : NProgress.start()
            拦截器的响应回调 关闭进度条 : NProgress.done()  
    4.将静态页面拆为静态组件
        当命中登录组件/注册组件时;我们是不需要显示footer组件的(路由元信息)
        普通组件
            header:头部
            footer:底部
                引入reset.css
        路由组件
            home : 主页
            (√)order: 订单页
            (√)shopcart: 购物车页
            (√)search: 搜索页    
                显示底部(路由元信息)
            register: 注册页
            login: 登录页    
                隐藏底部(路由元信息)
    5.完成界面上的一些UI效果;业务逻辑
            a.完成头部的路由跳转功能(header组件内):
                点击登录 --> 登录界面
                点击免费注册录 --> 注册界面
                点击我的订单  --> 订单界面
                点击我的购物车 --> 购物车界面     
                点击logo图标 --> 主界面
                点击搜索按钮  --> 搜索界面
    6. 测试sph的后台接口(结合postman)