首页

一、项目概述

1、产品背景介绍

   整合三大电商平台，为了使用户方便地挑选自己喜欢的商品

2、产品概述

基于H5链接的方式展示商品的平台，所有的商品来自的京东、淘宝、拼多多。用户通过本平台选择商品，并且有优惠券用来减免，最后付款将跳转各自的App上完成

3、阅读对象

    开发人员，测试人员

二、产品角色

Web用户

三、产品功能性需求

1、功能模块划分

首页：各个类别、搜索框、banner

搜索：选择淘宝、拼多多、京东搜索

详情：商品的详情页面

四、产品功能需求

首页：

1.       搜索框、banner、各个类别

2.       【搜索框】

a.默认有提示文字，可配置

b.点击搜索框右侧按钮，直

接跳转当前提示物品的结

果页

c.点击搜索框，直接跳转搜索

页面

3.       【banner】

a.banner图片后台配置  

b.各个图片自动向左移动，

 间隔1秒

c.点击banner跳转对应活动

页面

4.       【各个类别】    

    a.总共6大类，各个类别可以  

在后台配置

    b.每个类别对应一个商品库，

也是在表中配置

c.类别之间的切换，可以左右 

 手动滑动，也可以点击类别  

名切换，选择的类别名高亮

并且显示下划线，颜色均为

红色

d.各个商品如图，显示商品介

绍、原价、券后价、券面额

已销售、淘宝价/京东价/拼

多多价、原价上加横线

e.点击每个商品，直接跳转到各自的详情页面，如下图

f.各个商品的图片、简介、原价、券面额都能从api文档中获取

详情：

1.详情页面大图、标题、商品

详情、原价、券后价、销售量

搜索、首页、立即购买

2.大图：

  轮播的大图，api接口可以获取

3.商品标题和详情

  都是直接从接口上提取

4.搜索

 点击搜索按钮直接跳转到搜索页

5.首页

 点击首页，直接跳转首页

6.立即购买

 淘宝商品，直接拉起淘宝付款

 京东商品，直接拉起京东付款

 拼多多，可以手机号登陆、拉起微信登陆支付

搜索框

1.返回、选择电商、输入框、最近搜索、大家在买、换一批、老板推荐

2.返回键，直接返回到首页

3.选择电商，点击返回键后的icon，弹出下来框，选择想搜索的电商库，电商库后台配置

  此次版本只有淘宝的icon

4.输入框有默认提示，后台配置；没有输入商品名，选择搜索则展示默认商品

5.点击搜索，展示搜索结果页面

6.最近搜索，显示用户最近搜索的8个商品名，名字不超过6个汉字，超过的用三个点表

示

  7.大家在买，后台配置的关键词和所对应的商品库，点击直接展示对应商品列表

  8.老板推荐，后台配置商品库、商品id，布局按照如图所示，点击商品进入详情

  9.页面向上滑动到老板推荐栏时，该栏固定在页面上方；向下滑动到老板推荐栏时，也随

着下滑

搜索结果页

1.返回、选择商品库、搜索框    

搜索键、筛选（折扣、销量

价格）

2.返回，返回到搜索页面

3.选择商品库，和搜索页面上一

致，点击icon弹出商品库供选

择

 此次版本只有淘宝的搜索

4.默认的结果展示按折扣降序

排列，折扣=（原价-券后价）/

原价

5.销量，api获取，按照销量降

序排列

6.价格，是券后价按照升序排列

API文档：

拼多多：

http://open.pinduoduo.com/#/apidocument?port=2&id=7

账号：13816593490

密码：aiqi.1919

淘宝：

https://pub.alimama.com/

账号：sai.gu@energysh.com

密码：aiqi.1919

页面中的api接口

京东：

https://news.jd.com/153_1.html

需求更新：

1.搭建自己的商品数据库，商品数据根据运营配置从API上拉取，设置上限500条，两天自动更新       

2.客户端商品的类别按照关键字模糊搜索，配置渠道号和pid号从自己的数据库中获取

3.banner区域的商品运营自行配置banner 图地址、跳转地址和权重

4.搜索模块，配置渠道号和pid

10-24需求更新

1. 多个pid对应一个渠道号cid，因为一个页面上有多个商品类、轮播图，就会有多个pid，这些pid都对应一个渠道号

2.搜索的结果也是区分渠道号，例如，1001渠道号下搜索的所有产品都绑定到1001渠道