O2O电商需求文档

O2o电商平台手机客户端3.0版本产品需求文档o2o电商平台手机客户端产品需求文档V3.0深圳市……网络科技有限公司制作人：莫……2013-10-11PRD-2013/10/11o2o电商平台v3.0文档版本号：V3.0文档编号：o2o电商平台-prd-mobile-20131011文档密级：普通归属部门/项目：手机项目组产品名：o2o电商平台子系统名：编写人：莫***编写日期：2013-10-11修订记录：版本号修订人修订日期修订描述3.0莫2013-10-11o2o电商平台3.0产品需求文档初稿3.0莫2013-11-01o2o电商平台3.0产品需求文档修改稿目录TOC\o"1-3"\h\z\u一、概述6文档说明6需求描述及背景说明6需求来源6读者对象6更新记录6二、产品简介72.1、产品简介72.2、产品定位72.3、产品目标72.4、部分操作控件说明8三、功能需求93.1、整体功能架构93.2、启动113.2.1、新手引导页113.2.2、启动123.3、首页153.3.1、运动潮人163.3.2、精致女人403.3.3、瑜舞佳人543.4、推荐703.4.1、推荐商家列页713.4.2、推荐项目列表页733.4.3、超值体验743.5、搜索74搜索页74搜索结果页763.6、我的o2o电商平台773.6.1、登陆803.6.2、注册803.6.3、我的订单813.6.4、我的收藏963.6.5、我的抵扣券973.6.6、更多983.7、异常页面说明105四、非功能需求1094.1、运营需求1094.2、接口需求1091、概述文档说明本文档将和产品demo一起，构成对产品功能需求的详细描述，是程序设计、开发、测试的依据。本文档将按照不同的功能块，对产品功能方面的需求进行详细的描述。需求描述及背景说明o2o电商平台手机客户端3.0版本是对以往版本的一次彻底修改，需要重新构建底层架构和编写代码，因此界面设计、功能结构和用户体验方面改动比较大，后期的半年内都会以此版本为核心，不断进行优化和修改。需求来源o2o电商平台3.0是通过对前3版客户端运营所积累的经验、用户反馈、o2o电商平台web端运营反馈以及竞争对手产品调研等信息提出此版本的优化需求。读者对象本文的的预期读者是项目经理、ui设计师、开发人员、测试人员。更新记录2013-10-25更新异常页面加载和空白页面说明2013-11-05商家列表页定位及排序规则修改整理羽毛球商家详情页新增分享方式选择功能超值体验字段修改.2013-11-22搜索结果页展示规则说明更新待付款订单详情部分交互说明更新已失效订单详情部分交互说明更新已消费订单详情部分交互说明新增了瑜舞佳人商家详情页字段说明新增抵扣券“立即使用”规则说明限购数量规则说明2013-11-28更新了确定支付页面预订时间和有效期逻辑规则说明二、产品简介2.1、产品简介o2o电商平台手机客户端作为公司o2o电商平台web端的补充，其重要性是不言而喻的，它是o2o电商平台连接线上线下的桥梁。作为一家o2o电子商务公司，最重要的是如何打通线上和线下的交流，而o2o电商平台手机客户端则能非常简单的满足用户需求。用户在线下扫描二维码或者直接下载我们的o2o电商平台客户端，通过手机即可便捷的查看和预订我们的休闲服务商品，不管是体育场馆预订，休闲美容或者瑜伽锻炼，都可以通过o2o电商平台客户端非常便捷的预订，预订完成后只需向商家出示消费码即可享受服务，方便而又快捷。2.2、产品定位o2o电商平台客户端的产品定位为：帮助圳深圳地区的用户便捷的查看和预订基于用户身边的休闲生活类服务商品。2.3、产品目标将o2o电商平台手机客户端打造成深圳地区休闲生活类商品预订NO1，用户只要外出休闲第一个想到的即是o2o电商平台。2.4、部分操作控件说明（o2o电商平台返回控件）o2o电商平台3.0返回功能控件说明：o2o电商平台3.0返回功能控件是o2o电商平台3.0产品主要创新点之一，所有的返回控件均放置在底部，主要包括两部分功能，具体如下表所示：控件名称功能说明备注返回点击返回按钮代表物理返回到上一个页面。底部快捷菜单点击右侧o2o电商平台logo后弹出“首页”、“推荐”、“搜索”和“我的o2o电商平台”四个栏目菜单，如图所示三、功能需求3.1、整体功能架构3.2、启动3.2.1、新手引导页初次安装使用本产品后，点击o2o电商平台图标后，启动优卡程序，进入o2o电商平台启动页，通过4幅新手引导页（新手引导页见ui提交的设计稿）简单介绍o2o电商平台使用流程，新手引导页完成后直接进入o2o电商平台启动流程。项目名称文案新手引导页1又是一个节假日，约上三五好友，一起享受运动后淋漓尽致的畅快！新手引导页2以自然的活力，创造最新鲜的女人，一份美的投资，一份爱的礼物！新手引导页3体验自然，回归本真，让全身舞动，让我们的心情愉悦！新手引导页4o2o电商平台，新休闲，心享受3.2.2、启动流程非初次安装使用用户则直接进入o2o电商平台启动流程，启动页demo如下：启动页设计说明：文案：新休闲，心享受！风格说明：需加上o2o电商平台的新logo，放置到中间部分，背景以淡色调为主，风格与o2o电商平台首页风格一致。力求创造这样一种意境，通过我们的o2o电商平台用户可以非常舒适的完成瑜伽、美容、运动等休闲生活，让用户的生活更加健康、阳光灿烂o2o电商平台ios版本启动流程如下：​���判断本地网络是否打开是否提示语“网络连接异常，请检查当前网络环境”和确定按钮，点击确定后进入首页进入首页是否是否精品推荐ios优卡会启动点击运动潮人超值体验获取guid发送登录日志Guid是否存在获取guid是否成功提示网络错误程序启动完成点击精致女人点击瑜舞佳人点击首页重新联网是​网络异常时提示如下：，用户点击确定后仍旧进入首页。说明：ios版本采取gps进行定位。o2o电商平台android版本启动流程如下：​���判断本地网络是否打开是否提示语“网络连接异常，请检查当前网络环境”和“确定”、“取消”按钮，点击确定后跳转到网络设置页面，点击取消则进入首页Android优卡会启动发送登录日志设备号和imsi是否存在程序启动完成是精品推荐超值体验进入首页点击运动潮人点击精致女人点击瑜舞佳人点击首页重新联网是​网络异常时提示如下：，点击确定后跳转到手机网络设置页面。点击取消则返回首页。说明：安卓版本采取基站和wifi两者相结合的模式进行定位。3.3、首页首页分为运动潮人、精致女人、瑜舞佳人三大分类，同时底部展示首页、推荐、搜索和我的o2o电商平台这四大栏目。功能列表说明：分类名称子功能名称功能说明备注运动潮人运动潮人点击羽毛球进入羽毛球商家列表页说明：启动o2o电商平台后，运动潮人、精致女人、瑜舞佳人三大分类首页图片均缓存到本地。羽毛球点击羽毛球进入游泳商家列表页。游泳点击游泳进入游泳商家列表页。精致女人精致女人点击进入精致女人项目推荐页面品牌商家点击进入精致女人品牌推荐列表页瑜舞佳人瑜舞佳人点击后进入瑜舞佳人商家推荐列表页项目点击后进入瑜舞佳人项目推荐列表页首页运动潮人分为三部分，运动潮人、羽毛球、游泳。如下图所示点击运动潮人进入场馆预订页面；点击羽毛球进入羽毛球商家列表页；点击游泳进入游泳商家列表页。首页精致女人分为二部分，精致女人和品牌商家。如下图所示点击精致女人部分进入精致女人项目推荐页面；点击品牌商家进入精致女人品牌推荐列表页；首页瑜舞佳人分为二部分，瑜舞佳人和项目。如下图所示点击瑜舞佳人瑜舞佳人商家推荐列表页页面；点击项目进入瑜舞佳人项目推荐列表页。3.3.1、运动潮人用户可在此模块查看或预订羽毛球、游泳、网球、篮球、足球、高尔夫、健身这七大类型的体育场馆。3.3.1.1、场馆预订场馆预订与2.2版本场馆预订页功能一致，左侧是运动类型分类（分类名称和图标信息可在初次使用时缓存到本地），分别是羽毛球、游泳、网球、篮球、足球、高尔夫、健身七大类；右侧是单个类别的预订信息，以羽毛球为例：“90家场馆，36家可在线预订”，代表当前分类下的场馆总数和可预订场馆数量，分别从服务器获取数据。本页示例图如下：因为本页面左侧的分类名称和图标信息初次使用时是缓存到本地的，右侧的信息从服务器获取，如果当前网络异常，初次安装时进入本页面失败，右侧信息为“0家场馆，0家可在线预订”，同时弹出对话框提示当前网络错误。3.3.1.2羽毛球场馆预订羽毛球场馆预订流程为：​��选择羽毛球运动场馆检查是否联网检查是否开启定位网络异常，显示重试页面提示用户开起定位否是否商家列表页按由近及远的距离排序，顶部距离排序默认为“全部”，价格排序默认为“从低祷高”是商家列表页不显示距离字段（近显示商圈），同时顶部距离排序按钮置灰（用户无法操作），价格排序默认为“从低祷高”下拉刷新后用户未开启定位下拉刷新后用户开启定位选择某一商家进入商家详情页预订场馆生成订单确定支付支付成功是否登录是否登录​羽毛球场馆预主要功能列表功能名称功能说明运动类型选择点击顶部运动类型后可切换查看其他类型的运动场馆信息，如图所示价格及距离排序主要为离我最近和价格最低，进入商家列表时默认按照离我最近排序，定位功能未开启时，选择距离最近排序按钮，则提示用户定位功能未开启，列表页数据不变距离筛选进入商家列表时默认显示为“全部”，定位功能未开启时，提示用户开启定位，同时商家列表页距离字段不予显示，如果选择左侧的距离最近排序按钮和右侧的距离筛选按钮时，提示用户定位功能未开启，列表页数据不变侧边栏筛选点击右上角的按钮可对当前商家列表进行筛选，具体筛选规则见下面的筛选功能详细说明开启定位判断进入商家列表页时需判断用户是否开启定位，ios基于gps定位，android基于基站和wifi进行定位地图功能点击商家地址信息时跳转到地图页面，地图为百度地图，如果用户未开启网络，提示用户“网络连接异常，获取不到地图信息”商家详情分享分享规则见下文点评通过接口获取该商家的点评信息生成订单用户点击“立即预订”后进入场馆选择页面，生成订单，一个场馆最多可选4个场地，最少必须选择一个场地确定支付选择场馆后进入确定支付页面，用户可选择使用抵扣券、o2o电商平台账户或支付宝、财付通支付方式进行支付下拉刷新往下拉时，刷新当前位置信息和距离信息上拉自动加载用户往上拉时，一页加载完成后另一页自动进行加载。分享商家推荐分享，内容与2.2一致羽毛球商家列表页说明：字段说明：1、图片大小（客户端从后台获取商家列表图片，图片尺寸为228x114）2、商家名称——读取商家名称，超过12个字，用省略号3、位置信息——商家列表页默认按照“离我最近”的规则排序，如用户未开启定位，则不显示距离，仅显示商圈。4、距离字段说明：取小数点后1位数字，如3.8km，超过90km时显示后的商圈字段变为“深圳市”4、价格——读取该商家最低价格信息筛选规则说明：1、侧边栏筛选规则说明。筛选条件为：地区：罗湖 福田 南山 龙岗 宝安 盐田配套设施：停车场、WiFi、更衣室、沐浴室、、装备租赁、室内场 侧边栏筛选规则：可多选。地区多选判定逻辑为：用户选择罗湖和福田，即展现罗湖+福田的场馆配套设置多选判定逻辑为：用户选择wifi和停车场，则展现同时具备此两类配套设施的场馆2、顶部距离筛选及排序规则说明。距离筛选规则：距离筛选分为1km、3km、5km、全部。点击1km，则只显示距离用户当前位置小于等于1km的商家，选择全部则展示全部的商家。用户初次进入商家列表页时需判断用户是否开启定位，开启时提示正常显示，未开启时提示用户开启定位，同时商家列表页距离字段不予显示，顶部距离筛选默认显示为全部。如果点击距离筛选按钮，则弹出开启定位提示框，列表页数据不变。排序规则：离我最近：进入商家列表时默认以用户当前位置为中心，按照由近到远的排序规则进行排序。定位功能未开启时，选择离最近排序按钮，则提示用户定位功能未开启，列表页数据不变价格最低：商家列表按照价格由低到高的排序方式进行排序。商家列表页定位及刷新流程说明：​��Ios：进入商家列表页是否开启定位商家列表页正常显示（默认距离字段为全部，排序字段为离我最近）提示用户开启定位，商家列表不显示距离字段,如果选择顶部的距离最近排序按钮和右距离筛选按钮时，提示用户定位功能未开启，列表页数据不变下拉刷新是否开启定位重新定位用户当前位置和刷新算商家距离信息提示用户定位失败，商家列表页距离信息为刷新前的距离信息否是是否​Ios：进入某一运动类型后，判断下用户是否开启定位，如果开启则商家列表页正常显示（默认距离字段为全部，排序字段为离我最近），如没有开启则提示用户开启定位，商家列表不显示距离字段，选择顶部的距离最近排序按钮和右距离筛选按钮时，提示用户定位功能未开启，列表页数据不变，点击下拉刷新后，在判断一次用户是否开启定位，如果开启，重新定位用户当前位置和刷新算商家距离信息，如没有开启则提示用户开启定位失败，商家列表页距离信息为刷新前的距离信息。具体ios提示为：“定位服务未开启，请在设置中开启定位服务（设置》隐私》定位服务》开启o2o电商平台”和按钮“知道了”android：进入某一运动类型后，判断下用户执行定位是否成功，如果成功则商家列表页正常显示（默认距离字段为全部，排序字段为离我最近），如没有成功则“获取位置信息失败”，商家列表不显示距离字段，点击下拉刷新后，在判断一次用户是否定位成功，如果定位成功则重新定位用户当前位置和刷新算商家距离信息，如没有定位成功则提示用户开启定位失败，商家列表页距离信息为刷新前的距离信息，顶部距离筛选按钮为可用状况。android提示为在列表页底部以若隐若现的形式出现提示语“获取位置信息失败”。下拉刷新和上拉自动加载功能：用户如想获取最新自身位置信息和商家距离信息，向下拉动商家列表则可自动刷新，；上拉自动加载功能即为当用户往上拉动信息时，底部的自动加载的效果。异常页面说明：当前网络链接异常时，提示重进加载，页面如下所示：羽毛球商家详情页说明：页面demo如下：字段说明：1、顶部商家名称和商家图片（名称和图片数量以接口为准）2、收藏按钮（点击后按钮状态变为“已收藏”同时此条商家信息进入“我的收藏”中的“收藏商家”栏目）3、喜欢图标。一个账号只能对喜欢一个商家一次，喜欢后按钮变为展示所有用户对该商家的累计喜欢数量，喜欢该商家后用户下次再进入该商家详情页点击喜欢图标时会提示“您已经喜欢过该商家”，同时按钮变为累计喜欢数量。4、配套设施。通过接口获取配套设施数量，最多7个，当不足7个时图标按照横排等间距规则铺满5、商家介绍。包括该商家是否支持在线支付预订、商家地址(点击后进入地图页面)、交通路线、场地说明、营业时间。当某一字段接口获取信息失败时，相关字段后均提示“信息暂无”6、价目表。展示相关时间段的价目表，具体以接口为准7、其他项目。展示该商家的其他项目信息，运动类没有其他项目则不显示，精致女人和瑜舞佳人有其他项目，点击后进入项目详情页。8、点评。默认展示1条评论信息，当评论超过1条时则出现“查看更多”按钮，点击后进入评论列表页；如果评论数量只有1条时则不展示“查看更多”按钮。9、立即预订。点击后进入生成订单页。10、分享。用户点击分享后弹出选择分享方式对话框，具体为短信分享、新浪微博分享、腾讯微博分享、朋友圈分享、微信分享，选择某一分享方式后，进入分享内容确定页（分享内容与2.2版本一致）。点击确定图标后，提示用户分享成功。具体demo为：异常页面说明：当前网络链接异常时，提示重进加载，页面如下所示：地图页说明：Demo如下：说明：用户点击商家地址信息时，直接进入地图页面，地图为百度地图。如果用户未开启网络，提示用户“网络连接异常，获取不到地图信息”生成订单页说明：Demo如下：说明：在场馆选择前需判断用户是否登录，登录后方可进行场馆预订。场馆预订最低1个场地，最高不超过4个。灰色代表可预订、红色代表已经订满、绿色代表已预订。当用户一个场馆都没有选择时，点击底部“提交订单”按钮时提示用户“尚未选择场地信息，无法预订”。确定支付页说明：Demo如下：说明：上部展示订单信息，主要包括商家名称、预订项目、数量、场地数、预订时间、有效期，其中预订时间和有效期是按照预订了几个场地就展示几个预订时间和有效期的规则进行的。预订时间和有效期逻辑规则说明：1、如果预订的是连续时间段，则展示连续时间段的开始时间和结束时间，展示一个有效期，支付完成后生成一个消费码，在我的订单页面展示一个订单列表，订单详情只展示一个时间段。例如1：00-2:00,2:00-3:00，确定支付页面预订时间为：1:00-3:002、如果预订的是间断的时间段，则分别展示各自时间端的开始时间和结束时间，展示多个有效期，支付完成后生成多个消费码，在我的订单页面展示多个订单列表，每个订单列表展示一个时间段。例如：1：00-2:00,3:00-4:00，确定支付页面预订时间仍旧为：1：00-2:00,3:00-4:00中间部分主要展示结算信息，包括使用抵扣券或o2o电商平台账户支付，其中抵扣券使用规则为：默认选取用户领取所有的抵扣券中数额最高的那一张抵扣券。底部展示支付方式，支付显示或隐藏规则与o2o电商平台2.2版本规则一致。支付成功页说明：Demo如下：说明：支付成功后，点击完成进入“我的订单”已付款页面。3.3.1.3游泳场馆预订游泳场馆预订流程为游泳场馆预订流程和羽毛球场馆预订流程基本一致，唯一的不同仅仅在商家详情页直接选择“游泳”或“培训”两种中的一种订单方式即可生成订单。具体流程如下：​��选择游泳场馆检查是否联网检查是否开启定位网络异常，显示重试页面提示用户开起定位否是否商家列表页按由近及远的距离排序，顶部距离排序默认为“全部”，价格排序默认为“从低祷高”是商家列表页不显示距离字段（近显示商圈），同时顶部距离排序按钮置灰（用户无法操作），价格排序默认为“从低祷高”下拉刷新后用户未开启定位下拉刷新后用户开启定位选择某一商家进入商家详情页选择“游泳”或“培训”两种订单方式生成订单确定支付支付成功是否登录是否登录​游泳场馆预主要功能列表功能名称功能说明备注运动类型选择点击顶部运动类型后可切换查看其他类型的运动场馆信息，如图所示价格及距离排序主要为离我最近和价格最低，进入商家列表时默认按照离我最近排序，定位功能未开启时，选择距离最近排序按钮，则提示用户定位功能未开启，列表页数据不变距离筛选进入商家列表时默认显示为“全部”，定位功能未开启时，提示用户开启定位，同时商家列表页距离字段不予显示，如果选择左侧的距离最近排序按钮和右侧的距离筛选按钮时，提示用户定位功能未开启，列表页数据不变价格及距离排序主要为离我最近和价格最低，进入商家列表时默认按照离我最近排序，定位功能未开启时，选择距离最近排序按钮，则提示用户定位功能未开启，列表页数据不变地图功能点击商家地址信息时跳转到地图页面，地图为百度地图，如果用户未开启网络，提示用户“网络连接异常，获取不到地图信息”商家详情分享分享规则见下文点评通过接口获取该商家的点评信息生成订单用户点击“立即预订”后进入场馆选择页面，生成订单，一个场馆最多可选4个场地，最少必须选择一个场地确定支付选择场馆后进入确定支付页面，用户可选择使用优惠券、o2o电商平台账户或支付宝、财付通支付方式进行支付下拉刷新往下拉时，刷新当前位置信息和距离信息上拉自动加载用户往上拉时，一页加载完成后另一页自动进行加载。分享商家推荐分享，内容与2.2一致其他跟羽毛球页面功能一致的就不在此过多阐述，现主要阐述跟羽毛球功能不一致的一些页面，具体如下：游泳详情页说明Demo如下：字段说明：1、顶部商家名称和商家图片（名称和图片数量以接口为准，图片大小等比压缩）2、收藏按钮（点击后按钮状态变为“已收藏”同时此条商家信息进入“我的收藏”中的“收藏商家”栏目）3、喜欢图标。一个账号只能对喜欢一个商家一次，喜欢后按钮变为展示所有用户对该商家的累计喜欢数量，喜欢该商家后用户下次再进入该商家详情页点击喜欢图标时会提示“您已经喜欢过该商家”，同时按钮变为累计喜欢数量。4、配套设施。通过接口获取配套设施数量，最多7个，当不足7个时图标按照横排等间距规则铺满5、泳池概况。营业时间、环境、水深、泳道四项基本信息。6、商家介绍。包括该商家是否支持在线支付预订、商家地址(点击后进入地图页面)、交通路线、场地说明、营业时间和电话信息（点击后可拨打电话）。当某一字段接口获取信息失败时，相关字段后均提示“信息暂无”7、游泳票。有时展示无时不展示，包括游泳票类型名称、优惠价、原价、抢订按钮，点击后直接生成订单。8、培训。有时展示无时不展示，包括游泳培训课程名称、优惠价、原价、抢订按钮，点击后直接生成订单。9、点评。默认展示1条评论信息，当评论超过1条时则出现“查看更多”按钮，点击后进入评论列表页；如果评论数量只有1条时则不展示“查看更多”按钮。10、分享。用户点击分享后弹出选择分享方式对话框，具体为短信分享、新浪微博分享、腾讯微博分享、朋友圈分享、微信分享，选择某一分享方式后，进入分享内容确定页（分享内容与2.2版本一致）。点击确定图标后，提示用户分享成功。具体demo为：异常页面说明：当前网络链接异常时，提示重进加载，页面如下所示：游泳订单页说明Demo如下：游泳订单页面字段说明：订单类型，游泳订单名称或培训订单名称。商家名称、服务单价、购买数量(默认为1，用户点击后可自由选择购买数量。此处客户端需进行判断，如果该项目没有限购，则用户可自由选择购买数量；如果该项目限购，则用户所选购买数量不能超过限购数量，如果用户选择数量超过该项目限购数量，则提示用户“对不起，该账号所购买的总数超过限购数量”)、预约时间。游泳培训订单页功能与o2o电商平台2.2版本一致，3.0游泳培训订单仅页面风格做了修改。游泳培训生成订单demo规则说明：培训生成订单规则与o2o电商平台2.2版本一致游泳确定支付页说明Demo如下：说明：游泳确定支付页面与羽毛球确定支付页面规则基本一致。仅上不订单信息不一样，游泳订单信息字段为商家名称、预订项目、数量、有效期。3.3.1.4其他场馆预订其他场馆如网球、篮球、足球、高尔夫、健身均与羽毛球场馆预订流程和规则一致。健身与游泳场馆预订流程和规则一致。3.3.2、精致女人以底部tab切换的方式将精致女人里的项目和品牌模块进行划分，项目推荐页帮助用户根据功效标签找到想要的服务项目；品牌推荐页则跟进品牌名称帮助用户找到想要的商家。3.3.2.1、项目推荐精致女人项目推荐预订流程​��精致女人项目推荐页检查是否联网单选一功效标签提示用户网络连接异常，点击大分类后出现下拉提示语“网络连接异常，无法获取数据信息”否是正常显示项目推荐页进入功效标签所属大分类的项目列表页选择某一项目点击立即购买不显示距离字段同时分店列表按随机规则排序生成订单确定支付是否开启定位是否显示距离字段同时分店列表按距离远近倒叙排列项目详情页支付成功是否登录是否登录此商家是否有分店是进入分店选择页面否​项目推荐导航页Demo如下：规则说明：1、项目推荐为精致女人首页，点击相应大分类后展示其下属的小标签字段，如点击SPA后，收起美容标签，展现SPA标签。默认展开美容分类，相应大分类下的标签仅支持单选，点击后进入项目列表页。2、左侧的图标及大分类名称缓存到本地。右侧的预订信息为服务器获取，"品牌商家"字段即显示所有店铺数量（含分店），”项目“字段为该商家所有项目总和（不含分店），当获取不到信息时，所有数字均变为03、相应大分类下的小标签字段以后台录入数据为准，从服务器获取小标签字段，当网络连接异常时获取不到标签字段，点击下拉时提示网络错误异常页面说明：所有的功效标签均从服务器获取，当前网络连接异常时提示网络错误，demo如下：项目推荐列表页Demo如下：规则说明：1、顶部大分类说明：①顶部下拉菜单依次为美容、SPA、美体、养发、美甲、美发②项目列表页排序规则：根据预订量排序（预定量越大排列越靠前），预订量数值相同时在按照价格排序，价格低的在前。③顶部分根据用户的选择而变化。 2、侧边栏筛选功能说明①筛选可多选。功效筛选内容随着顶部所选大类别下的标签变化而变化，例如选择美容后，侧边栏功效筛选变为淡斑祛斑、防敏修护、抗皱紧肤、净化排毒、活肤滋润、美白、补水、保湿、瘦脸。②地区筛选条件为：罗湖 福田 南山  其他地区多选判定逻辑为：用户选择罗湖和福田，即展现罗湖+福田的项目③每个项目的功效设置前后台录入最多4个，此处读取两个，规则如下：用户选择美容大类，则随机读取2个功效用户选择子分类=1，则读取用户选择的功效靠前，该项目其他功效随机提取一项用户选择的子分类>1，则读取涵盖用户选择的功效项目，随机显示即可，仅显示2个功效  3、列表字段说明①图片大小（可采用详情页图片等比例缩放）②项目名称（读取商家名称，超过12个字，用省略号）③商家名称（显示品牌名称及商圈信息）价格（读取该项目的优享价及市场价）功效标签显示规则：标签不得超过4个；此处显示随机显示2个，根据用户筛选条件，优先展示筛选内容。项目推荐详情/项目推荐详情之商家介绍/项目推荐详情之评论项目详情页之详情demo项目详情页之详情demo项目详情页规则说明：①收藏和喜欢规则与运动潮人一致②门市价、优享价直接读取后台数据③首次体验价，根据后台录入，有此项则读取此行数据④主要功效则显示该项目全部功效（功效最多4个，功效名称字数控制不超过4个字） ⑤推荐理由（100个字）建议默认显示80字，其余缩略展开⑥项目简介（200字）建议默认显示80字，其余缩略展开项目详情页之商家介绍demo项目详情页之商家介绍demo项目详情页之商家介绍规则说明：①读取商家图片、配套设施 ②同城分店。营业时间——统一读取，目前同一品牌营业时间一致查看同城分店，则读取同城分店数量信息，如该品牌仅一家分店，则此处直接显示改商家地址及拨号设置（如下图所示）③点击同城分店后页面demo如下：④商家介绍。手机端单独录入，字数限制为300字，默认显示80字，其余缩略展开。项目详情页之评论demo项目详情页之评论demo项目详情页之评论规则说明：21展示手机中针对此项目的评论②优先展示置顶评论（根据服务端获取数据为准）③如未评论，则显示空白页面，提示我要点评（页面见设计）④评论按评论日期排序，最近评论的在最前面分店选择页分店选择页demo分店选择规则说明：注意：点击立即购买后用户必须先选择分店方才能生成订单11按区域划分显示，如用户开启定位，则优先显示最近的商家及区域商家；如未开启定位则不显示距离字段，列表按照随机规则排序。②分店列表字段说明：显示分店名称（后台读取）、显示详细地址（后台读取）、显示距离信息（用户未开启则不显示此行信息）——如用户未开启定位，进入此页面提示用户开启，③默认选中第一个店铺。④分店选择为单选生成订单页生成订单页demo生成订单页规则说明：1、商家名称——显示商家名称及分店名称2、服务单价和购买数量——后台读取，不能更改。此处根据服务返回的项目类型和该账号的状况进行统一判断，有以下几种状态：①、该项目类型为首次体验项目，并且该账号以前没有订购过此项目，则服务器返回该项目的首次体验价，购买数量限定为1，用户不可更改；如果该账号以前订购过此项目，则服务器返回该项目的原本价格，购买数量不设限，用户可自由更改②、该项目类型为活动项目，并且在活动有效期内下单，则服务器返回该项目的活动价格，购买数量不超过单次预订的最大份数，用户只能选择小于等于该最大份数；如果在活动有效期外下单，则服务器返回该项目的原本价格，购买数量不限。③、该项目为普通项目，则返回该项目的普通价格，购买数量不设限，用户可自由选择。3、预约时间——单击后选择修改，默认读取当时时间4、订单金额——服务单价*购买数量5、温馨提示——根据后台录入提示确定支付页确定支付页demo确定支付页规则说明：①订单信息字段为商家名称、预订项目、数量、预订时间和有效期②下面结算信息规则和支付方式规则与运动潮人确定支付页规则一致3.3.2.2、品牌推荐精致女人品牌推荐预订流程​��精致女人品牌推荐页检查是否联网否是网络异常，显示重试页面显示品牌列表页进入品牌详情页选择某一品牌点击立即购买选择分店不显示距离字段同时分店列表按随机规则排序是否开启定位是否显示距离字段同时分店列表按距离远近倒叙排列选择某一项目项目详情页生成订单确定支付支付成功是否登录是否登录检测此商家是否有分店是进入分店选择页面否​品牌推荐规则说明品牌推荐品牌列表页展示所有品牌logo图片，点击图片后进入相应品牌的项目列表页，此时项目列表页顶部标题为品牌名称，列表页字段规则与项目推荐列表页字段规则一致仅仅是没有商家名称，仅显示商圈信息（多店则显示为多商圈，单店显示商圈名称）demo如下：3.3.3、瑜舞佳人3.3.3.1、瑜舞佳人主要功能列表功能名称功能说明备注距离和价格排序（商家推荐）主要为距离排序和价格排序，定位功能开启时距离排序可点击来定位功能未开启时距离排序置灰，不可点击，具体排序规则见排序功能详细说明侧边栏筛选点击右上角的按钮可对当前商家列表进行筛选，具体筛选规则见下面的筛选功能详细说明开启定位判断进入商家列表页时需判断用户是否开启定位，具体规则见下部定位功能说明商家详情分享分享规则见下文点评通过接口获取该商家的点评信息生成订单用户点击“立即预订”后进入场馆选择页面，生成订单，一个场馆最多可选4个场地，最少必须选择一个场地确定支付选择场馆后进入确定支付页面，用户可选择使用优惠券、o2o电商平台账户或支付宝、财付通支付方式进行支付下拉刷新往下拉时，刷新当前页面数据上拉自动加载用户往上拉时，一页加载完成后另一页自动进行加载。详情分享（商家详情和项目详情）商家详情页和项目详情页的内容分享，具体分享内容见详细说明3.3.3.2、商家推荐瑜舞佳人预订流程​��立即预订瑜舞佳人商家推荐页检查是否联网检查是否开启定位网络异常，显示重试页面提示用户开起定位否是否商家列表页按由近及远的距离排序，顶部距离排序默认为“全部”，价格排序默认为“从低祷高”是商家列表页不显示距离字段（仅显示商圈），同时顶部距离排序按钮置灰（用户无法操作），价格排序默认为“从低祷高”下拉刷新后用户未开启定位下拉刷新后用户开启定位选择某一商家进入商家详情页进入商家项目详情页（无本周开课商家）选择商家某一项目确定支付支付成功是否登录是否登录商家全课表预订项目课表预订​商家推荐页demo如下：商家推荐页规则说明：1、侧边栏筛选规则说明。筛选条件为：地区：罗湖 福田 南山 龙岗 宝安 盐田配套设施：停车场、WiFi、更衣室、沐浴室、培训、装备租赁、室内场 侧边栏筛选规则：可多选。地区多选判定逻辑为：用户选择罗湖和福田，即展现罗湖+福田的场馆配套设置多选判定逻辑为：用户选择wifi和停车场，则展现同时具备此两类配套设施的场馆2、顶部距离筛选及排序规则说明。距离筛选规则：1km、3km、5km、全部。点击1km，则只显示距离用户当前位置小于等于1km的商家，选择全部则展示全部的商家，用户初次进入商家列表页时距离排序默认显示为全部。其他规则与运动潮人商家列表页规则一致排序规则：离我最近和价格最低功能规则与运动潮人商家列表页规则一致商家列表页定位及刷新流程说明：下拉刷新和上拉自动加载功能：用户如想获取最新自身位置信息和商家距离信息，向下拉动商家列表则可自动刷新，；上拉自动加载功能即为当用户往上拉动信息时，底部的自动加载的效果。商家推荐列表页字段说明：图片大小（可采用详情页图片等比例缩放）商家名称——读取商家名称，超过12个字，用省略号位置信息——如用户未开启定位，则不显示距离，仅显示商圈。距离字段说明：取小数点后1位数字，如3.8km，超过90km时显示后的商圈字段变为“深圳市”价格——读取该商家原价、现价信息异常页面说明：当前网络链接异常时，提示重进加载，页面如下所示：商家详情页demo如下：商家详情页规则说明：11原价、优惠价、图片、配套设施、喜欢、收藏功能与上文规则一致 ，21商家介绍：线路、营业时间、位置信息31简介：商家简介信息，读取网页端数据，字数控制200字，建议默认显示80字，其余缩略展开④分享，分享内容与o2o电商平台2.2版本一致，规则与运动潮人分享规则一致。 ⑤商家项目。展示该商家所有的服务项目，默认展示3条，超过3条时，右上角出现“展开更多”按钮，点击后底部信息顺次下移⑥评论。展示该商家的用户评论信息商家详情进入项目详情后的页面demo：规则说明：规则与瑜舞佳人项目详情规则一致，仅仅没有“本周开课商家”此项商家全课表预订页demo：商家全课表预订规则说明：展示该商家全部的课程预订信息，各种项目页包括在内。用户在点击立即预订时需判断下用户是否登录，然后判断用户已经选择了项目，瑜舞佳人一次最多预订3个项目，最少预订1个项目。右上角字段说明：标明读取全课表的来源，如是通过丽景瑜伽项目跳转到的会所全课表页面，则此处标明来源：丽景瑜伽。瑜伽确定支付页面demo确定支付页规则说明：①订单信息字段为商家名称、预订项目、数量、预订时间和有效期②下面结算信息规则和支付方式规则与运动潮人确定支付页规则一致3.3.3.3、项目推荐瑜舞佳人预订流程​��瑜舞佳人项目推荐页检查是否联网进入本周开课商家网络异常，显示重试页面否是项目列表页按随机规则排序选择某一项目进入项目详情页确定支付支付成功是否登录是否登录项目课表预订进入商家项目详情页立即预订​项目列表页demo项目推荐页规则说明：图片大小（可采用详情页图片等比例缩放）项目名称——读取商家名称，超过12个字，用省略号项目简介——读取项目简介信息，超过30字以省略号显示价格——读取该商家原价、现价信息项目推荐页无排序和筛选功能瑜舞佳人项目详情页demo瑜舞佳人项目详情页规则说明：图片、配套设施、喜欢、收藏、原价、现价功能以及底部点评功能与上文规则一致 ，项目介绍，字数限制为200字，建议默认显示80字，其余缩略展开。本周开课商家，点击后进入商家项目详情页。分享，分享内容与o2o电商平台2.2版本一致,方式与运动潮人分享方式一致。瑜舞佳人项目详情之商家详情demo瑜舞佳人商家项目详情页规则说明：字段展示与瑜舞佳人商家详情页一致，仅没有商家项目，并且此页面优惠价格和原价信息应该读取该商家此项目的价格信息。顶部标题为项目名称，图片顶部为商家名称。分享，分享内容与o2o电商平台2.2版本一致。方式与运动潮人分享方式一致。项目课程预订demo项目课程预订规则说明：标题名称为项目名称预定前需判断用户是否登录，登录后方可进行预订。预订最低1个最高不超过3个。灰色代表可预订、红色代表已经订满、绿色代表已预订。点击全课程则进入该商家的全部课程预订页面。3.4、推荐推荐首页demo如下：规则说明：推荐内容为o2o电商平台官网上的“优惠活动”栏目中的部分内容，但是仅展示“优惠活动”栏目中批量推荐商家和项目的部分推荐列表字段说明：大图（以接口图片尺寸等比压缩，图片宽度需固定）、标签（右上角区域，字数不超过4字）、推荐标题（字数不超过25字）、截止时间。推荐栏目排序规则：按时间倒叙排列，最近发布的推荐在最上面进入推荐列表页时，有两种情况，一种是进入推荐的商家列表页，一种是进入推荐的项目列表页，商家列表页需判断用户是否开启定位。右上角为超值体验区域，点击后进入超值体验区3.4.1、推荐商家列表页推荐商家列表页demo规则说明：1、顶部名称和推荐首页广告语名称一致，字数超过时（25）以省略号显示，一行展示不分行2、进入推荐栏目时需进行一次用户定位是否开启的判断，如果用户未开启定位提示用户开启，同时距离字段不予显示，商家列表按随机规则排序；如果用户已经开启定位则显示距离字段，同时默认显示距离用户最近的商家。3、批量推荐商家时，按区域对推荐商家进行划分。区域排序规则为福田、南山、罗湖、宝安区、龙岗区。推荐活动有规则时显示“活动规则”按钮，没有则不显示活动规则demo说明：活动介绍：默认展示150字，其余缩略展开（不超过1000字）活动时间：以后台传输为准活动规则：默认展示300字，其余缩略展开（不超过1000字）3.4.2、推荐项目列表页推荐项目列表页demo规则说明：1、顶部名称和推荐首页广告语名称一致，字数超过时（25）以省略号显示，一行展示不分行2、推荐项目列表字段说明：如推荐的为精致女人项目则列表页与精致女人项目列表页一直；如推荐的是瑜舞佳人项目则列表页与瑜舞佳人项目列表页一致。推荐活动有规则时显示“活动规则”按钮，没有则不显示3.4.3、超值体验Demo如下：规则说明：每个超值体验项目可左右滑动，同时底部的小圆圈图标实时变化图片字段说明：项目标题（字数不能超过15字，超过部分以省略号表示）、优惠价、原价、首次体验价、主要功效（最多四个标签）、商家名称、会所介绍（不超过300字，超过部分以省略号显示）、购买人数、评价数、分享数。点击此超值体验项目后进入项目详情页，详情页规则与精致女人一致。同时点击底部的“立即预订”按钮，用户可直接预订此项目。3.5、搜索搜索页demo如下：搜索条件：按照商家名称、分类名称或者地址信息进行搜索，搜索说明：支持多个关键字一起搜索，搜索框下是预植的关键字（为商家名称、分类名称、地址信息）且这些关键字可在后台进行编辑。搜索规则：1、当用户仅输入单个商家关键字时，展示与该关键字相关的商家信息，商家搜索结果按照运动潮人、精致女人、休闲生活的分类顺序进行排列。需要说明的是：搜索结果列表页，运动潮人、精致女人和瑜舞佳人页面展示字段一致均为商家图片、商家名称、距离及商圈信息和价格2、当用户仅输入单个分类名称关键字时，展示与该分类名称相关的商家信息（此处分类名称关键字需加入联想搜索功能，如用户输入羽毛，则输入框下部出现联想关键字“羽毛球”），商家搜索结果按照运动潮人、精致女人、休闲生活的分类顺序进行排列。3、当用户仅输入单个地址关键字信息时，展示与该地址关键字相关的商家信息*（如输入福田区，则展示福田区所有的商家信息），商家搜索结果按照运动潮人、精致女人、休闲生活的分类顺序进行排列。4、搜索支持商家关键字、分类名称、地址信息两两交叉的搜索形式，具体为商家+分类、商家+地址、分类+地址。搜索结果页Demo如下：搜索详情页规则说明：展示与该关键字相关的商家名称。商家搜索结果按照运动潮人、精致女人、瑜舞佳人的分类顺序进行排列。需要说明的是：搜索结果列表页，运动潮人、精致女人和瑜舞佳人页面展示字段一致均为商家图片、商家名称、距离及商圈信息和价格搜索结果规则说明：1、如搜索“分”字，则展示与“分”字相关的所有商家，排序按照运动潮人、精致女人、瑜舞佳人的分类顺序进行排列。2、需要特别说明的是，因为精致女人栏目没有商家列表，但是在搜索结果页按关键字搜索后可能出现女人的商家列表，所以此处需要展示出女人的商家列表，点击女人商家信息后，进入商家项目列表，如图所示，在点击某一项目，则进入项目详情。瑜舞佳人和运动潮人仍旧按照其商家列表规则展示。搜索异常页面demo如下搜索异常页面demo3.6、我的o2o电商平台o2o电商平台首页demo如下未登录已登录规则说明：用户未登录/已登录o2o电商平台账号时，如上所示。其中在已登录状态下，点击右侧图标可进入o2o电商平台账户信息页面。另外当获取不到用户姓名时，显示为暂无另外我的订单、我的收藏和我的抵扣券均需用户登录后方可查看和编辑，同时用户登录后，获取用户待付款订单数量、未查看的收藏商家和项目数量、未使用的抵扣券数量，展示在右上角，如图所示3.6.1、登陆规则与o2o电商平台2.2版本一致，仅页面ui做修改3.6.1.1、找回密码规则与o2o电商平台2.2版本一致，仅页面ui做修改3.6.1.2、修改密码规则与o2o电商平台2.2版本一致，仅页面ui做修改3.6.1.3、账号信息o2o电商平台账号信息功能与o2o电商平台2.2版本一致，仅页面ui做修改，安卓版本邮箱绑定的bug需在此个版本修改完成。3.6.2、注册规则与o2o电商平台2.2版本一致，仅页面ui做修改3.6.3、我的订单我的订单demo规则说明：项目栏目功能说明项目排序待付款已失效预订项目名称（超过10字以省略号显示）、商家名称、应付金额、订单状态和“重新下单”按钮待付款在前已失效在后待付款预订项目名称（超过10字以省略号显示）、商家名称、应付金额、订单状态和“立即付款”按钮已付款已付款预订项目名称（超过10字以省略号显示）、商家名称、实付金额、订单状态和消费码其他已过期预订项目名称（超过10字以省略号显示）、商家名称、实付金额、订单状态和”已于2012-11-1218:00过期“提示语已消费、已过期的顺序排列已消费预订项目名称（超过10字以省略号显示）、商家名称、实付金额、订单状态和“评价”按钮说明：待付款、已失效付款金额提示语应该为“应付”，其他状态付款金额提示语则为“实付”点击右上角编辑按钮，可对相应栏目中的订单进行删除操作。3.6.3.1、待付款订单详情点击立即付款后跳转到确定支付页面；点击取消订单后弹出对话框提示：“是否取消订单”，点击是则取消此条订单，进入待付款列表页，点击“否”则对话框取消，仍旧展示订单详情。羽毛球场馆待付款订单详情demo游泳场馆待付款订单详情demo瑜伽待付款订单详情demo3.6.3.2、已付款订单详情羽毛球场馆已付款订单详情demo游泳场馆已付款订单详情demo瑜伽已付款订单详情demo3.6.3.3、已失效订单详情点击重新下单后进入确定支付页面；点击删除订单后弹出对话框提示：“是否删除订单”，点击“是”则删除此条订单，进入待付款列表页，点击“否”则对话框取消，仍旧展示订单详情。羽毛球场馆已失效订单详情demo游泳场馆已失效订单详情demo瑜伽已失效订单详情demo3.6.3.3、已消费订单详情点击评价按钮后跳转到针对此商家或项目的“我要评价页面”，用户评论完成后可查看该商家或项目的评论列表。羽毛球场馆已消费订单详情demo游泳场馆已消费订单详情demo瑜伽场馆已消费订单详情demo特别说明：点击评价后（已登录）后跳转到用户对当前商家或项目的用户评价页面，字段与2.2一致，仅ui做修改。3.6.3.3、已过期订单详情羽毛球场馆已过期订单详情demo游泳场馆已过期订单详情demo瑜伽已过期订单详情demo3.6.4、我的收藏Demo如下规则说明：顶部tab为收藏的商家和收藏的服务信息，所有收藏均储存到服务器，用户登录后方可查看，点击右上角的编辑按钮可对相应栏目下的收藏信息进行删除操作。3.6.5、我的抵扣券所有抵扣券demo我的抵扣券demo规则说明：所有抵扣券包括状态：立即抢购、已抢完历史抵扣券包括状态：立即使用、已使用、已失效所有抵扣券初始状态均为”立即抢购“，并区分抵扣券是否抢完，已抢完放置最下方；当用户点击立即抢购后，抵扣券进入历史抵扣券栏目，状态马上变更为”立即使用“，历史抵扣券展示顺序为”立即使用“、”已使用“和“已失效”。当用户点击“立即使用”抵扣券后需做两种判断：一种是该抵扣券仅适用于一个商家时，则直接跳转到该商家详情页（运动潮人和瑜舞佳人跳转到商家详情页，精致女人跳转到该商家的项目列表页）；如果该抵扣券适用于全部商家时，则没有“立即使用”按钮。3.6.6、更多页面demo如下：3.6.6.1、图片显示清空缓存点击后清空所有缓存到本地的图片，所有缓存到本地的图片用户下次打开时均需重新加载3.6.6.2、支持o2o电商平台帮助说明帮助说明内容与o2o电商平台2.2内容一致意见反馈意见反馈功能与o2o电商平台2.2功能一致，仅ui做修改，页面demo如下分享o2o电商平台分享流程为：选择分享方式（短信、新浪微博、腾讯微博、朋友圈分享、微信分享）——确认内容——绑定分享渠道——选择分享。1、选择分享方式，例如微博2、确认分享内容。内容为：我发现了一款很Fashion的休闲、娱乐、健身应用，让你无需办卡享受几百家会所场馆与几千项专业服务。新休闲心享受，尽在o2o电商平台——http://t.cn/zTSckGX(​http:​/​​/​t.cn​/​zTSckGX"\o"http:​/​​/​www.iyoukahui.com"\t"_blank​) 赶紧加入吧。Demo如下：3、绑定分享渠道Ios:用户输入账号密码并授权后即完成o2o电商平台与渠道号的绑定，同时分享也成功Android：从确认分享内容到绑定分享渠道过程中需要做一次本地检查处理，如果用户本地安装有渠道客户端（如新浪微博）则直接调用本地客户端的账号密码即可完成绑定，如果本地没有安装渠道客户单则需用户输入账号密码进行绑定4、确定分享。输入账号密码并获得授权后点击确定，完成绑定，提示分享成功，同时回到“更多”页面。因为已经完成了绑定，下次用户在进行分享时，确认内容后点击确定就直接提示分享成功。给o2o电商平台评分ios跳转到appstoreo2o电商平台评论页面，安卓版本跳转到腾讯应用宝o2o电商平台下载评论页面地址为：http://a.myapp.com/h/?sid=AcnIulPq6Ix5ZCxQaAcn9yiw&g_f=-1#id=appdetail&appid=10222582&icfa=13145882102225001000&inputkeywd=%E4%BC%98%E5%8D%A1%E4%BC%9A&searchtype=4&transactionid=1381991102267401(​http:​/​​/​a.myapp.com​/​h​/​?sid=AcnIulPq6Ix5ZCxQaAcn9yiw&g_f=-1"\l"id=appdetail&appid=10222582&icfa=13145882102225001000&inputkeywd=%E4%BC%98%E5%8D%A1%E4%BC%9A&searchtype=4&transactionid=1381991102267401​)3.6.6.3、关于我们关于o2o电商平台内容采用o2o电商平台2.2版本中的联系我们页面版本更新Ios版本点击版本更新后自动跳转到appstoreo2o电商平台下载页面；安卓版本则自动更新最新版本，如果用户当前版本为最新则提示用户“此版本为最新版本”。精品推荐精品推荐Demo精品推荐字段说明：应用推荐以后台获取数据为准，后台部分需区分ios版本和安卓版本不同的版本提交。排序规则，最新上传的应用排在最前。图片小图：以后台获取为主，建议ui设计为96*96应用名称：不超过15字应用简介：不超过20字，超过部分以省略号表示。客服电话客服电话400-0566-178，点击后直接拨打电话。3.7、异常页面说明①页面加载失败，如因为网络原因使得当前页面加载失败时，需增加“重新加载”按钮，提示统一如下：②页面加载ui修改。加载页仅覆盖当中操作区域，如用户不想等待点击顶部和底部按钮均可跳转，如图所示：③商家筛选列表为空时。在场馆商家列表页、瑜伽商家列表页进行距离、配套设施等筛选时出现为空的情况下，提示语：④搜索为空。在搜索时，搜索不到相关商家信息时提示语如下：⑤收藏为空。当用户没有收藏商家和服务时，提示语如下，点击我要收藏后跳转到首页。⑥抵扣券为空。当所有抵扣券和历史抵扣券为空时提示如下：⑦淡入淡出提示语ui修改，如图所示：⑧我的订单为空的情况。⑨定位提示3.8、o2o电商平台二维码3.8.1、启动二维码扫描demo功能说明打开我的二维码：点击“我的o2o电商平台”栏目中的“我的二维码”功能，进入o2o电商平台二维码扫描界面。3.8.2、二维码识别demo功能说明二维码识别demo二维码识别：o2o电商平台二维码识别第一版本仅支持网址识别，扫描过程实际上为解析ulr地址的过程，并将此ulr获取的到的信息按照以下o2o电商平台商品详情页的形式进行展示。功能按钮：手电筒（开启or关闭两种状态，同时图标也一一相应）、震动（开启or关闭两种状态，同时图标也一一相应）、提示音（开启o