# zcl_taobao

**Repository Path**: Zhang_Cheng-Lin/zcl_taobao

## Basic Information

- **Project Name**: zcl_taobao
- **Description**: 电商类网站仿写项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-07
- **Last Updated**: 2021-08-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# zcl_taobao 项目
## author : 张林
## data : 2021 / 08 / 08
### 其中使用了翔哥赞助牌 server 文件 ( #^_^# )

## 项目运行方式
### 打开终端 , 在 server 中的 src 目录下 输入 npm start  回车即可

## 项目代理说明

### 代理标识符 : 
### 目标地址 : 


## 项目介绍
简单的还原了一下淘宝的基本业务逻辑 , 其中包括登陆页面 , 注册页面 , 
淘宝首页 , 列表页面 , 详情页面 , 购物车页面 

## 项目特色
自己书写 PHP 与数据库建立连接
用 sass 模块化 书写的 css 样式
利用 gulp 打包工具打包项目上传远程存储仓库

## 登录密码
用户名 : guoxiang
密码 : gx123456 
( 输入错误会有相对应的提示 )


## 页面效果
### 登陆 , 注册页面
 1. 可实现登陆, 注册页面之间的来回跳转
 2. 登陆页面有验证提示信息及非空验证
 3. 注册页面有密码重复验证, 注册成功可以自动跳转回登录页面
 4. 登陆, 注册与数据库建立连接用于验证用户信息

### 淘宝首页
 1. 顶部导航有下拉吸顶效果
 2. 页面设置了楼层导航效果
 3. 搜索栏有模糊搜索功能
 4. 轮播图区域使用了 swiper 插件
 5. 二级菜单栏弹出效果
 6. 用户退出登录弹出效果
 7. 大部分可点击链接具有划过变色效果

 ### 列表页面
 1. 可以实现翻页实时更新页面数据
 2. 可以按照排序实现不同的用户需求
 3. 可以按照分类进行商品的筛选功能

 ### 详情页
 1. 点击不同的商品可以查看对应的商品详细信息
 2. 商品有放大镜效果
 3. 列表内可以实现点击切换商品

 ### 购物车页面
 1. 通过 localStorage 本地存储模拟数据
 2. 可以实现增删改查物品信息
 3. 可以根据用户的操作实时刷新
 4. 总价, 数量, 购买状态, 购买数量, 小计价格, 全选, 删除, 清空购物车 ... 等功能
 5. 搜索栏具有模糊搜索功能