基于iOS平台的网购应用客户端的设计与实现

尚志会，张建伟，马琳琳，蔡增玉，陈彦伟

（1.郑州轻工业学院计算机与通信工程学院，河南郑州450002；2.郑州轻工业学院软件学院，河南郑州450002）

基于iOS平台的网购应用客户端的设计与实现

尚志会1，张建伟2*，马琳琳1，蔡增玉1，陈彦伟2

（1.郑州轻工业学院计算机与通信工程学院，河南郑州450002；2.郑州轻工业学院软件学院，河南郑州450002）

随着目前移动手机用户的大规模增加，多种网购类App应用扑面而来，但大多数网上购物并不能满足用户的需求与应用.针对当前社会的需求与发展应用，设计实现了基于iOS平台的网购应用客户端系统.该系统在O2O的运营模式下，通过对网络购物进行分析，得出了移动端网购App在网上购物方面的可行性和必要性.该系统主要使用MVC框架，该框架与其整体系统中的多个控制器、多个视图、多个模型数据三者有着密切的联系.通过对该系统进行部署与测试分析，结果发现基于iOS平台的网购移动端应用为用户和商户都带来了很大的便捷，所有功能已基本达到预期效果，通过对使用者测试发现该系统具有较好的实用性与发展前景.

网购应用客户端；iOS；智能移动终端；组件；MVC框架

当前将互联网和人际关系整合在一起是21世纪最成功的事业.它改变了传统各路环节利润的分配，只有用户与生产厂家之间产生利益，因此网购时代在该背景下产生.网络网购也是近几年兴起的一种全新的消费方式，其作为一种新兴的电子商务模式，现在市场上已经大量出现了各种网购网站，而这些网站也都推出了自己相应的前端App应用，基于iOS平台的客户端应用深得人们喜爱［1］.

对于本系统服务器的搭建方式主要采用MVC框架，使用Xcode开发环境，通过注册App1eID并加入App1e开发者计划，在Xcode7.0之后才可以免费真机测试并发布到AppStore上出售.系统实现的功能主要包括三个大模块：即首页、购物车、用户中心.其中首页又分为搜索页面、分类列表、商品详情等，主要是展示一些的商品的信息为主.购物车又分为商品详情、商品具体网页信息、评论列表、订单列表.用户中心又分为订单列表、地址管理、评论、修改密码、退出登陆.总之三大模块之间各有联系，该平台框架比较简单，可以充分发挥硬件资源性能上的使用.使得iOS成为目前移植性较好的移动终端操作系统，并且对使用移动终端设备的价格消费者也是很容易被接收.从而设计开发了基于iOS平台的网购应用客户端，可以对喜欢的物件及时获取信息，方便快捷了用户的使用需求，能够很好的了解物品上架动态.实验证明，该系统前段页面设计友好、功能齐全、使用安全可靠、操作性强、达到了解动态网购公布信息，对网购的管理、了解、查询信息等信息功能，具有较好的使用空间，能够达到用户较好的体验.

1 平台介绍

iOS是由苹果公司开发的移动平台的操作系统.最初是设计给iPhone使用的，后来陆续套用到iPad、iPod touch以及App1e TV等苹果产品上.iOS与苹果的Mac OS X操作系统一样，它也是以Darwin为基础的，因此同样属于类Unix的商业操作系统［2-3］.

iOS也是一个以Linux系统为基础的开源的移动设备，是一个综合性开发平台［4］.该系统主要是由应用软件、操作系统、中间件等这几个组成部分，由于它的开放性从而造就了更多样化的硬件设备.另外，苹果公司也提供Mac一体机和Mac笔记本的操作系统，相比其他系统ios系统流畅很多.不会出现卡顿的现象，所以这也是现在iOS系统那么受欢迎的原因.

作为移动设备的手机客户端其携带的方式很方便，但是同时随着手机的CPU运行速度的不断提高会使得电池的容量成为瓶颈这种状况［5］.因此选择一种合适的数据交换格式尤为重要，JSON与xm1都是通用的数据格式，由于JSON比xm1小，在与网络传输时效率会更好一些，因而本系统的手机客户端与服务器进行数据交互所使用的是JSON数据格式.JSON是目前常用的轻量级网络数据传输格式，以下为手机客户端通过使用JSON数据格式与服务器进行交互，即JSON的工作方式如图1所示.

图1　JSON工作方式Fig.1 The way to work of JSON

2 系统整体设计

系统的设计是在开发一个软件时对这个软件的功能进行设计，它是一个物理设计.它明确的定义了软件该如何去做，为开发人员提供一个清晰的思路.在了解需求文档之后，搭建简单的初步框架结构，在苹果电脑上打开Xcode.并建立项目工程，然后自定义导航条和标签页控制器来分别继承相应的父类.该框架是由顶部导航条以及底部标签页控制器组成.切换标签页控制器可以切换不同的页面.

系统设计主要分为概要设计和详细设计.包括系统各个模块的设计、数据库的设计、系统的整体设计.该系统采用的是MVC设计模式来进行开发，也就是mode1-view-contro11er模式，模型主要负责数据源的获取，view负责数据的显示，contro11er相当于一个桥梁的作用，把视图和模型联系到一起.这种模式可以实现模型和视图的解耦合性，避免出现混乱，使用起来非常方便.MVC模式如图2所示.

图2　MVC模式Fig.2 The MVC pattern

3 软件设计

实现主要使用Xcode开发环境、通过注册App1eID并加入App1e开发者计划，在Xcode7.0之后才可以免费真机测试并发布到AppStore上出售［6-7］.

本系统主要分为以下几个部分：首页、搜索页面、分类商品页面、商品详情、购物车、用户中心、我的订单、我的评论、地址管理、修改密码、余额充值、退出登录.而系统的总体框架就分为三个大模块，即首页、购物车、用户中心.其中首页又分为搜索页面、分类列表、商品详情等，主要是展示一些的商品的信息为主.购物车又分为商品详情、商品具体网页信息、评论列表、订单列表.用户中心又分为订单列表、地址管理、评论、修改密码、退出登陆.总之三大模块之间各有联系，系统的功能结构如图3所示.

4 iOS客户端实现

该网购APP属于B2C模式即商户对用户，顾名思义商户是单用户是多.注册页面由xib创建，控件属性通过IBOut1et与控制器进行关联，然后操作View视图，在控制器中进行点击逻辑处理并保存到本地数据库中.所以在登陆模块，如果是新用户在没有账号的情况下，需求注册才能登陆.注册页面如图4所示.

图3　功能结构Fig.3 Function structure

图4　注册页面Fig.4 The register page

与注册界面一样，该用户数据会直接保存到后台数据库.当然本地也需保存进行验证.退出程序用户在下次登陆时只需输入账号登陆即可.登陆过程对数据库进行操作，然后获取相关的用户字段信息展示在前台页面上.登陆运行逻辑代码如下：

首页并不需要登陆用户信息，无论老用户还是新用户在打开该网购类APP的第一眼就是首页.所以展示的页面直观了当.其中首页展示的是多种商品分类，以及多种搜索渠道.对于像首页这样有多个控件展示而且业务操作较繁琐的情况下，一般使用控制器直接进行代码编程，这样可能会更可靠稳定一点.但是本控制器当初是使用xib和代码结合实现的.其顶部是导航条，导航条下面是Scro11View图片信息展示，来回滑动.中间是搜索条.在其次下面是自定义的8个按钮.然后紧接着就是tab1eview的信息展示.主页面如图5所示.

图5　主页面效果图Fig.5 Main page

5 网络监测与系统测试

网络检测对于移动端App开发来说是一个非常通用的需求.因为没有网络作为支撑，将不能与后台联系获取数据.所以为了能有更好的用户体验，需要考虑网络状态.如果在没有网络的情况下，系统将会从本地缓存获取相关数据.对绝大多数iOS开发者来说，从苹果示例代码改变而来的各种Reachab1ity框架来看.这个库是实现这个需求的普遍选择.但事实上，基于此方案的所有实现，都无法帮助检测真正的网络连接状态，它们能检测的只是本地连接状态，网络监测有以下3种方式：

1）通过Reachab1ity框架可以对3G网络2G网络进行监测.

2）现在也很流行在学校、餐厅或者其他场所内设置Wifi，通过Reachab1ity用的时候可以进行识别.它需要登陆网页进行网页授权，然后在本地建立连接.

3）在网络不好的情况下存在本地网络连接，但是信号又很差，所以就无法连接到服务器.接收不到后台数据.

系统测试中包括对界面、功能、性能方面的测试，首先，分析软件用户界面的设计是符合用户期望和要求.其次，基于iOS平台网购App的业务逻辑、展示商品、用户购买等界面功能一目了然，不需要在进行功能使用的说明.最后，性能方面就是用户体验方面，用户的所有交互，每一次会话，甚至是划屏解锁等都能够确保iOSApp给予用户最棒的性能体验，作为iOS应用性能管理最佳的解决方案，相信能够成为App Store同类产品中效果更好的.

6 结语

基于iOS平台的网购应用客户端系统开发与设计不仅为用户提供一个购物平台，而且也为用户提供了一个了解网购信息发布与及时更新的平台.在该系统中实现了必要的功能以及用户角色的分析.通过封装、继承、多态的思想，从而使代码得到更有效的管理，也便于后期的维护与修改.此App软件设计的相对比较粗糙，需要后期更好地完善，项目团队在开发过程中还预留了扩展系统功能程序接口，对后期附加功能的完善，系统的升级提供很好的基础.该系统程序用户实用价值性较强，具有一定的发展空间.可以随着了解信息的发布与动态更新.所以对类似的系统开发提供了一定的价值和借鉴意义，同时在推广网购App系统软件群体中发挥了重要作用.

［1］ 张伟杰.基于iOS平台的新闻应用的设计与实现［D］.北京：北京交通大学，2014.

［2］ 张华，于萍，孟宪颖，等.基于iOS平台的一站到底APP客户端的设计与实现［J］.长春工程学院学报（自然科学版），2015（3）：108-111.

［3］ 金立涨.基于iOS平台的图像处理应用设计与实现［D］.杭州：浙江工业大学，2015.

［4］ 尚志会，袁臣，刘婷婷，等.基于Android平台的高校毕业设计管理系统的设计与实现［J］.湖北民族学院学报（自然科学版），2015（4）：402 -404.

［5］ 单平平，邢静宇.基于iOS平台的婚礼客户端的设计与实现［J］.南阳理工学院学报，2015，7（6）：43-46.

［6］ 章冲，杨东，陈俊，等.基于iOS平台的移动智慧校园系统设计与实现［J］.软件导刊，2016，15（2）：75-77.

［7］ 李艳华.iOS平台上基于MVC的设计模式的“音悦台”的设计与实现［J］.电子技术，2015（9）：83-85.

责任编辑：时 凌

Design and ImPlementation of Online APPlication Client Based on iOS

SHANG Zhihui1，ZHANG Jianwei2*，MA Lin1in1，CAI Zengyu1，CHEN Yanwei2
（1.Co11ege of Computer and Communication Engineering，Zhengzhou University of Light Industry，Zhengzhou 450002，China；2.Software Engineering Co11ege，Zhengzhou University of Light Industry，Zhengzhou 450002，China）

With the massive increase of mobi1e phone users，a variety of Apps for on1ine shopping are produced，but most of on1ine shopping can not meet the demands and app1ications of users.In view of the current socia1 needs and deve1opment of the app1ication，c1ient systems of the on1ine shopping app1ication based on iOS p1atform is designed and imp1emented.Through the ana1ysis of on1ine shopping，it is feasib1e and necessary that mobi1e shopping App is used in on1ine shopping under O2O operating mode.This system uses the MVC framework and the framework and its mu1tip1e contro11ers，mu1tip1e views，and mu1tip1e mode1 data have the c1ose re1ation.Through dep1oyment and test ana1ysis of this system，it is turns out that on1ine mobi1e c1ient app1ication can bring great convenience for consumers and businesses.A11 functions have basica11y achieved the expected resu1ts，and the system has good usabi1ity and deve1opment prospects.

on1ine app1ication c1ient；iOS；smart mobi1e termina1；component；MVC framework

TP311.1

A

1008-8423（2016）02-0210-04

10.13501/j.cnki.42-1569/n.2016.06.024

2016-06-97.

2016年度河南省科技创新人才计划科技创新杰出青年项目（164100510019）；郑州市科技发展计划科技攻关项目（153PKJGG26）；郑州轻工业学院研究生科技创新基金资助项目.

尚志会（1989-），男，硕士生，主要从事云计算、计算机网络的研究；*

张建伟（1971-），男，博士，教授，主要从事计算机网络、网络安全、云计算的研究.