# kuaizu365

**Repository Path**: keyboardman111/kuaizu365

## Basic Information

- **Project Name**: kuaizu365
- **Description**: pc项目
- **Primary Language**: NodeJS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://ozlgunner.gitee.io/kuaizu365
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 快租365

通过 http://ozlgunner.gitee.io/kuaizu365    地址进入首页

点击banner图，可以进入活动页，点击活动页中的商品，可以进入商品列表页（实现分页功能），再点击商品，可以进入商品详情页，实现放大镜，选项卡等功能

在首页点击商品，可以进入商品列表页，再点击可以进入商品详情页，



模块功能
首页： 完成轮播图、二级菜单、懒加载，电梯，回到顶部
登陆注册：表单验证；
商品列表页：完成分页功能，点击商品，进入商品详情页
商品详情页： 放大镜，选项卡
活动页： 进入商品列表页



#### 安装教程

1.npm install

#### 使用说明

1. 建立目录结构，在conf问价夹下的json之中配置自己的开发路径

项目路径配置示例

```javascript

    scripts : {
            "index" : {
                  src : "./src/scripts/index/"
            },
            "login" : {
                  src : "./src/scripts/login/"
            },
            "libs" : {
                  src : "./src/scripts/libs/"
            },
            "register" : {
                  src : "./src/scripts/register/"
            },
            "goods" : {
                  src : "./src/scripts/goods/"
            },
            "carts" : {
                  src : "./src/scripts/carts/"
            },
            "list" : {
                  src : "./src/scripts/list/"
            }
      },
      scss : {
            "index" :{
                  src : "./src/scss/index/"
            },
            "login" :{
                  src : "./src/scss/login/"
            },
            "scss" : {
                  src : "./src/scss/scss/"
            },
            "register" : {
                  src : "./src/scss/register/"
            },
            "goods" : {
                  src : "./src/scss/goods/"
            },
            "list" : {
                  src : "./src/scss/list/"
            },
            "carts" : {
                  src : "./src/scss/carts/"
            },
            "active" : {
                  src : "./src/scss/active/"
            }
      },
```


2. 每一个开发模块都是一个独立的文件夹文件夹结构如下 

```javascript
--| project 
  --| src
    --|scripts
        --| index 
          --|index.xxx.js
          --|index.xxx.js
        --| login 
          --|login.xxx.js
          --|login.xxx.js
        --| list
          --|list.xxx.js
          --|list.xxx.js
        --| goods
          --|goods.xxx.js
          --|goods.xxx.js
        --| carts
          --|carts.xxx.js
          --|carts.xxx.js
        --| register
          --|register.xxx.js
          --|register.xxx.js
        --| active
          --|active.xxx.js
          --|active.xxx.js
```
1. gulp bulid 打包,打包之后所有的文件都是独立的例如 index.xxx.js ,index.xxx.js 等n个js会合并为一个index.js ， 这个命名是根据config里面的json的key值命名的