项目说明

项目名称：ugoshop 优购惠

项目需求：

1.index.html 首页

• 页面内容：首页

• 页面效果：

    1.顶部通知滚动效果
    2.搜索栏实现搜索效果，目前只能实现搜索出现商品信息，可通过点击商品信息进入商品详情页。但不能通过点击‘搜索’按键进入
    3.头部购物车
    4.banner图轮播效果
    5.每日精选产品轮播效果
    6.直播预告轮播效果
    7.全球尖货产品动态实现
  

2.goodslist.html 商品列表页

• 进入方式：点击首页导航‘食品’进入

• 页面内容：本列表页商品类别为食品

• 页面效果：

    1.实现点击‘商品分类’显示商品
    2.实现点击‘今日推荐’，‘销量’，‘上架时间’，‘价格’的升序和降序
    3.实现商品分布效果
    4.实现点击商品传参，跳转到详情页
  

3.goodsdatalis.html 商品详情页

• 进入方式：点击商品页任意商品进入

• 页面内容：商品的详细信息

• 页面效果：

    1.通过接收传递的id，调取数据库里对应的商品信息，实现商品的信息显示
    2.商品图片的画廊展示
    3.商品图片的放大镜效果
    4.送货地址的省市区三级联动效果
    5.点击购物车抛物线效果
    6.购买商品数量的加减效果（一件商品不能超过6个）
    7.用户评论：实现评论的添加，实现评论的分页显示，实现评论的分类显示
    8．商品详情的吸顶菜单
  

4.cart.html 购物车页面

• 进入方式：1.通过顶部的购物车进入，2.通过侧边栏的购物车进入

• 页面内容：购物信息的展示

• 页面效果：

    1.购物商品的显示
    2.购物商品的数量增减和删除
    3.结算栏的吸底菜单
  

5.login.html 登录页面

• 进入方式：顶部点击登录进入

• 页面内容：用户登录

• 页面效果：

    1.用户登录信息的判断
    2.用户登录后跳转到首页并保持登录状态
    3.点击‘记住用户名’，实现30天内不用输入用户名
  

6.register.html 注册页面

• 进入方式：顶部点击注册进入

• 页面内容：用户注册

• 页面效果：

    1.用户名的是否已有的判断，用户名是否符合要求的判断
    2.验证码的判断和更换
    3.用户密码的是否符合要求
    4.再次确认密码是否与前面输入的密码是否相同
    5.点击‘提交’成交后将用户信息插入到数据库
  

7.公共功能 固定侧边栏

• 页面效果：

    1.用户登录信息，
    2购物信息，
    3浏览信息，
    4回到顶部功能