基于iphone os 的O2O电子商务平台系统设计与实现.docx

1、基于iphone os 的O2O电子商务平台系统设计与实现基于iphone os 的O2O电子商务平台系统设计与实现引论 随着移动互联网时代时代的到来，网购已经成为生活中必不可少的一项活动，网购也给人们生活带来了很大的便利，用户可以足不出户，买到自己偏爱的物品。不同于传统的网上购物，用户可以在线上选好商品后，以包裹的形式受到商品，在O2O电子商务模式下，最终用户买到的商品不是以包裹的形式寄到我们身边，而是一种服务，可以在线下去亲身体验消费感受。1 O2O电子商务平台系统综述 1.1 O2O电子商务简要介绍O2O顾明思议就是英文中的Online to Offline，浅显的翻译也就是线上到线下。

2、但是什么线上到线下呢？这里指的是用户从线上到线下。具体的解释是这样的：用户下载购物类的移动应用软件，在客户端，浏览不同的界面，或者在网站上浏览不同的商品商家或相关服务类的信息，遇到自己心仪的商品，或者满意的服务时，通过支付宝，或者其他第三方的支付手段，在线支付，线上付款成功后，会收到相关的凭证（比如短信凭证）。之后，用户再通过此凭证到线下实体店去消费体验享受服务的一个过程。这种模式促进了线上的消费者转移到线下实体店中去体验，感受服务，通过线上的宣传比较，大大增加了商家的客户量。O2O电子商务的主要特点就是在网上，在线上进行了商品，商户等信息的传递，以及资金的流转，用户体验在实体店线下进行，商品

3、的流转也在线下进行。 通过O2O电子商务App，商家可以更多的宣传展示自身的品牌，自己的产品，也可以及时得到消费者的反馈信息，及时调整改变自己不足的地方，与此同时商家也可以通过消费者的消费信息，浏览习惯等掌握用户的资料，进而进一步挖掘数据，分析消费者的行为，实现进一步的营销。消费者可以足不出户，轻松地获得各个商家商品的详细信息，能够轻松、及时、全面的筛选信息，了解优惠产品，打折信息，不仅仅拥有了更好的用户体验，给自己生活带来了便利，也是自己生活的小助手，轻易的找到最划算最适合自己的产品。无疑，此模式是一种双赢互利的模式，商家与用户相辅相成，相互促进，各取所需，各获其力。1.2 市场现状与分析据

4、CNNIC发布第33次中国互联网络发展状况统计报告显示，截至2013年12月，中国网民的数量已经高达6.18亿，互联网的普及率已经达到45.8%2。而其中，移动端手机网络的用户数量已经高达5亿2。移动手机端用户的持续增长的促进了手机移动客户端各类App的发展。2013年以网络购物（例如淘宝，阿里巴巴）、团购（例如美团，拉手网）等为主的移动客户端App应用一直在稳步发展与前进。22013年，中国移动端网络购物的数量相比上以一年已经有了很大的提高。由此可见移动应用有着非常强大的市场，而以网络购物为主的商务类应用也保持着较高的发展速度，O2O电子商务系统不仅仅给人们生活带来很大的便利也有着有很大的发

5、展空间与市场。随着iphone5c,iphone5s,ipad Air的相继上市，ios 7.0,ios7.1的相继发布，苹果产品与新的设计理念备受关注，苹果用户也相继增高，与此同时苹果的软件市场也在为人们关注的热点之中。据新浪科技统计显示，2013年在苹果市场的软件收益已经超过100亿美元3。由此可见苹果移动端App应用软件市场有着巨大的潜质与发展空间，而电子商务类移动端App也有着很好的发展前景。1.3 基本功能简要描述O2O电子商务平台移动端App主要分为首页、专题、周边、订单、搜索、应用中心、返现状态、摇一摇、购物车九大功能模块。首页上端展示了广告轮播，为商品提供了很好的展示平台，根据

6、相关不同状态，点击可以跳转到到商品详情，商户详情，以及登陆注册的界面。界面下端使用轮播图对商品商户提供了很好的展示，同样也可以跳转到商品商户详情页面。而中间主要提供了返现状态，摇一摇，购物车等界面的入口。返现状态，记录了所有已支付的记录的商品对应的返现记录，在用户登录状态下可以直接浏览，否则跳转到登录界面。摇一摇，用户在摇晃手机后，随机匹配出商品信息，用户可以根据自己的喜好选择摇到的商品。购物车，用户在未登录的情况下，会跳转进入登录界面，登录以后点击购物车按钮，通过Http请求，Json解析显示出用户加入购物车的产品。应用中心，如果用户已经注册，并且登录的情况下，用户可以直接进入应用中心界面。

7、如果没有登录否则跳转进入登录注册的界面。在应用中心这一模块中用户可以设置自己个人资料，查看我的消息，账户记录，以及安全中心。用于也可以对软件进行相关的设置，反馈建议。查看关于软件的信息。专题，主要以列表的形式对特卖商品进行了相关的展示，用户可以浏览此界面，根据个人偏好，跳转到不同的商品详情，商户详情。周边，首先进行用户定位。用户可在筛选框中，选择适合自己的条件，分别有分类，距离，默认排序。然后展示出相关商品，供用户选择。订单，用户在未登录的情况下，跳转进入登录界面；在登录的情况下，通过Http请求，Jason解析，展示出用户交易完成后形成的不同的订单。2开发环境、开发工具以及重要技术点介绍2.

8、1开发环境2.1.1 Mac OS X操作系统OS X是苹果公司开发的操作系统，被应用于 Mac系列产品。苹果操作系统是全球第一个选用“面向对象”的思想而且是在UNIX系统的基础上开发的操作系统1。史蒂夫乔布斯（Steve Jobs）在1985年由于种种缘故被迫离开了苹果公司，之后乔布斯又重新成立了NeXT公司，而“面向对象操作系统”就是在这段时间所开发出来的。苹果操作系统的版本命名基本上都是以大型猫科动物命名以及版本号。苹果操作系统版本命名对猫科动物偏爱有佳，10.0到10.8版本的命名依次如下所示：猎豹(Cheetah)，美洲豹(Puma)， 美洲虎(Jaguar)， 黑豹(Panther

9、)，老虎(Tiger)，豹子（Leopard），雪豹（Snow Leopard），狮子（Lion），美洲狮（Mountain Lion）8。2013年6月10日在WWDC大会上， 10.9版本的OS X的命名结束了之前9个版本的命名规则，不再是以大型猫科动物命名，取而代之的是Mavericks（巨浪）这一命名。本系统在Mac OS X 10.8.4的环境下开发。2.1.2 iphone os 操作系统iphone os即ios, 是Apple公司的移动操作系统。因为苹果移动端设备都使用iPhone OS操作系统，所以在2010WWDC大会上苹果宣布其原来的名字iphone os 改名为iOS。

10、iOS是iPad、iPhone、iPodtouch等苹果移动设备的操作系统。ios具有简单易用的界面,以及超强的稳定性。ios系统从最初的iPhone OS 1.2,ios4,ios5,ios6到现在得ios7经历了漫长的时间和蜕变。2.2开发工具与主要技术2.2.1主要使用语言Object-C诞生于20世纪80 年代的Objective-C语言，是由Brad Cox 发明，其目的在于将 Smalltalk 语言与 C 语言结合在一起6。Objective-C 是 不仅仅是对C 语言的一个扩展集，也是面向对象的编程语言。由于Mac OS X的 技术源自Next Step的Open Step操作

11、系统，并且其软件框架（framework） 都是基于Objetive-C ，顺利成章的Objective-C成为最适合苹果开发的语言3。Object-C的一些主要特点：a.Object-C不像C+一样支持命名空间原则，解决这一缺陷一般都是在类名称加前缀。b.Object-C不支持运算符重载，它只支持单继承，不允许多重继承，但是object-C中的协议可以解决这一缺点。c.Object-C的消息传递模型，对象是不调用方法的，而是互相传递消息。2.2.2 Xcode与Interface BuilderXcode主要用于开发苹果操作系统和苹果移动客户端各类软件，是苹果公司向开发人员提供的专门开发苹果

12、App的集成开发环境。Xcode是由NeXT的Project Builder慢慢的演变过来的。它支持C语言、C+、Objective-C、Objective-C+、Java等语言5。作为Xcode套件的一部分，Interface Builder，也就是界面编辑器，主要用于苹果操作系统的软件视图界面的开发。苹果开发者使用界面编辑器来设计，创建和修改App的不同的图形界面。界面编辑器的数据是以XML的格式被储存在.xib的文件中。但是在过去，界面编辑器的数据则是被储存在.nib文件中。界面编辑器向开发者提供了一系列包含着各种各样的用户界面对象的工具箱。这些对象包括按钮，列表，风火轮，文本框，滑动图

13、片，滚动条，进度条等不同的控件。使用界面编辑器，开发者只是通过拖拽选定的对象到面板上，这样就创建了选中的对象，也可以移动此对象的位置，很容易的就布局了整个图形界面。开发者不但可以使用苹果系统所提供的控件，也可以使用自己定义的控件，用这种方法创建对象，相比单纯代码创建对象容易的多，而且整个界面布局可以一目了然，可视化也强。 。2.3 JSON 解析JSON也就是Javascript Object Notation，是一种比较方便阅读的，轻量级的并且以文字为基础的语言。7JSON描述数据结构时，主要一以下的形式存在:a.对象 (object):对象的描述是以“”开始，并遇到“”结束。一个对象包含一

14、系列没有排序的keyvalue 键值对，每个keyvalue键值对 之间都用用“，”逗号分割开。b.keyvalue键值对：key也就是关键字，value是与key相对应的值。关键字与其相对应的值之间用“：”隔开。一般的形式如右：key : value。key关键字只能是一个字符串，而与之相对应的value值既可以是字符串类型，也可以是数值，对象，布尔值，数组，或者null值等等。C.数组：数组中可以存放对象，或者基本数据类型，当然也可以存放不同的数组。不同的类型之间用“，”逗号分割开，最后使用“”，“”中括号括起来，这样就就形成了数组。最终服务器返回这样的格式，被开发人员解析出来使用。d.字

15、符串：以 括起来的一串字符。e.数值：一系列0-9的数字组合，可以为负数或者小数。f.布尔值（Bool）：表示为 true 或者 false。3 O2O电子商务平台系统需求分析3.1业务流程分析通过对O2O电子商务平台系统的需求分析，确定了O2O电子商务平台系统的各个模块的业务流程。O2O电子商务平台系统的流程图如图3-1所示3.2功能型需求分析根据客户需求以及功能要求，O2O电子商务平台系统简要需求分析如下：首页模块：通过HTTP通信，JSON解析，展示出广告轮播，以及相关活动展示，用户通过浏览相关界面可以跳转到相应的商品详情页面，商户详情页面，并且提供了摇一摇，返现状态，购物车，应用中心，

16、搜索界面等功能的入口。返现状态模块：通过HTTP通信，JSON解析，在登录的情况下展示出所有已支付的记录的商品对应的返现记录，没有登录的状态下，跳转到登陆界面。摇一摇模块：用户在摇晃手机后，根据后台匹配出商品信息，展示到界面上，用户可以根据个人偏好，选择购买商品，或者退出此界面。购物车模块：未登录的时候显示登录界面，登录以后通过Http请求显示出用户加入购物车的产品，以列表的形式展示出来。应用中心模块：未登录的时候跳转进入登陆界面，未注册的时候，用户可以在登陆界面找到注册按钮，跳转到注册个人信息。完成注册登录以后，用户可以进入应用中心界面。在这一模块中用户可以设置自己个人资料，查看我的消息，账

17、户记录，以及安全中心。用于也可以对软件进行相关的设置，反馈建议。查看关于软件的信息。专题模块：主要对特卖商品进行了相关的展示。用户可以根据个人喜好，选择适合自己的产品。周边模块：首先进行用户定位。用户可在筛选框中，选择适合自己的条件，分别有分类，距离，默认排序。然后展示出相关商品，供用户选择。订单模块：在登录的状态下，显示出用户交易完成后形成的不同的订单，否则跳转登录界面。 图3-1 系统业务流程图备注：应用中心，订单，以及购物车功能需要在登录成功的状态下才能显示出来，若没有登录用户显示登录界面。3.3 与服务器端共用的数据字典分析3.3.1 登录成功后获取个人信息请求报文：参数名称数据类型说

18、明PhonenumString手机号码返回报文：参数名称数据类型说明NicknameString昵称UseridIntUseridUserimgString用户头像urlPhonenumString用户手机号SexyInt性别，0 male 1femaleBrithdayString生日ConstellationString星座LocalString所在地ProfessionalString职业InterestString兴趣BalanceFloat余额UnbanlanceFloat不可用余额EmailStringEmail3.3.2 商品详情页请求报文：参数名称数据类型说明Productid

19、Int商品idLongitudeFloat经度LatitudeFloat纬度返回报文：返回数组 参数名称数据类型说明ProductnameString商品名字ProductimgArray商品图片组urlRebateFloat返现比Is7dayInt1支持7天退换IsexpiredInt1支持过期退换IsbackInt1支持随时退isgenuineInt1正品IsinvoiceInt1支持提供发票StorenameString商户名字StocknumInt库存数量BuyernumInt购买人数BuerendtimeString购买截止日期ConsumptiontimeString消费截止日期E

20、valuateArray用户评价数组StoreidInt所属商户idDistance Float距离PhoneString商户电话DetailinfoString图文详情urlHotproductArray本店热门商品数组（数组中包含productid和productname）ProducturlString商品url3.3.3商户详情页请求报文：参数名称数据类型说明shopidInt商户idLongitudeFloat经度LatitudeFloat纬度返回报文：返回数组 参数名称数据类型说明ProductnameString商品名字ProductimgArray商品图片组urlRebateF

21、loat返现比Is7dayInt1支持7天退换IsexpiredInt1支持过期退换IsbackInt1支持随时退isgenuineInt1正品IsinvoiceInt1支持提供发票StorenameString商户名字StocknumInt库存数量BuyernumInt购买人数BuerendtimeString购买截止日期ConsumptiontimeString消费截止日期EvaluateArray用户评价数组StoreidInt所属商户idDistance Float距离PhoneString商户电话DetailinfoString图文详情urlHotproductArray本店热门商品

22、数组（数组中包含productid和productname）ProducturlString商品url3.3.4周边页面请求报文：参数名称数据类型说明LongitudeFloat经度LatitudeFloat纬度TypeidInt周边的分类SordInt排序种类DistanceInt距离返回报文：参数名称数据类型说明ImgurlString图片urlProductidInt商品idProductnameString商品名字IsnewInt判断是否最新PriceFloat价格ProductprecentFloat返现比例LongitudeFloat经度LatitudeFloat纬度TypeInt

23、标记是人气，最新，还是无4 O2O电子商务平台系统设计系统App设计，是指在在分析App功能模块的前提下，充分了解用户的需求，然后再设计出以能满足用户需求为目标，实现基本功能的过程8。系统设计的主要内容包括：1） 确定设计方针和方法2） 将系统分解为若干子系统3） 了解各个子系统的目标，并且确定各个子目标的功能及各个子目标之间的相互关系，便于后期开发4） 决定对子系统的管理体制和控制方式5） 对各子系统进行技术设计和评价6） 对全系统进行技术设计和评价等。 本阶段的主要目标是划分O2O电子商务平台App的模块，并且对各个模块进行分析，了各个模块以及子模块所使用的开发的技术要点，以及各个界面的切

24、换逻辑。O2O电子商务平台系统功能模块如图4-1。图4-1 O2O电子商务平台系统功能模块5 O2O电子商务平台系统的实现5.1 首页功能模块的实现如图5-1所示： 图5-1 首页功能模块图部分功能代码实现如下：购物车功能模块的入口-(IBAction)cartAction:(id)sender点击购物车按钮后，通过gGlobalSetting.loginUser判断是用户是否登录，假如用户没有登录，则跳转进入登录界面。 if (!gGlobalSetting.loginUser) LoginViewController *login=LoginViewController alloc ini

25、t; UINavigationController *navi = UINavigationController alloc initWithRootViewController:login; navi.navigationBarHidden = YES; gRootViewController presentModalViewController:navi animated:YES; login release; navi release; return ; 登录了以后跳转进入购物车界面 CartViewController *vc = CartViewController alloc in

26、it; self pushViewController:vc animated:YES gestureEnable:YES; vc release;摇一摇功能模块的入口-(IBAction)shakeAction:(id)sender跳转进入摇一摇界面 ShakeViewController *vc = ShakeViewController alloc init; self pushViewController:vc animated:YES gestureEnable:YES; vc release;返现状态模块的入口-(IBAction)rebateAction:(id)sender 判

27、断是否登录，没有登录的话，跳转登陆界面 if (!gGlobalSetting.loginUser) LoginViewController *login=LoginViewController alloc init; UINavigationController *navi = UINavigationController alloc initWithRootViewController:login; navi.navigationBarHidden = YES; gRootViewController presentModalViewController:navi animated:YES

28、; login release; navi release; return ; 登陆成功了以后，进入返利状态界面。RebateStatusViewController *vc = RebateStatusViewController alloc init; self pushViewController:vc animated:YES gestureEnable:YES; vc release;5.2 专题功能模块的实现如图5-2所示 图5-2 专题功能模块图代码实现如下：专题下部分下拉列表的实现：-(BOOL)refreshAction上拉刷新列表，加载更多 gNetworkManager

29、getActivityListByPageIndex:FMUSTRING_WRAP_D(_currentPage) perpageCount:FMUSTRING_WRAP_D(_countPerPage) delegate:self; return YES;-(BOOL)moreAction下拉刷新列表，加载更多。 gNetworkManager getActivityListByPageIndex:FMUSTRING_WRAP_D(_currentPage) perpageCount:FMUSTRING_WRAP_D(_countPerPage) delegate:self; return YES;5.3 周边功能模块的实现代码实现如下：- (void)viewDidLoad super viewDidLoad; /排序种类1默认排序2距离最近3最新发布4销量最高5价格最低6价格最高 self loadConditions; gNetworkManager getCategories:self; gNetworkManager getAreas:self;-(void)loadConditions self.categories = NSMutableArray array; self.areas = NSMutab