基于iOS平臺的網購應用客戶端的設計與實現

尚志會，張建偉，馬琳琳，蔡增玉，陳彥偉

（1.鄭州輕工業(yè)學院計算機與通信工程學院，河南鄭州450002；2.鄭州輕工業(yè)學院軟件學院，河南鄭州450002）

基于iOS平臺的網購應用客戶端的設計與實現

尚志會1，張建偉2*，馬琳琳1，蔡增玉1，陳彥偉2

（1.鄭州輕工業(yè)學院計算機與通信工程學院，河南鄭州450002；2.鄭州輕工業(yè)學院軟件學院，河南鄭州450002）

隨著目前移動手機用戶的大規(guī)模增加，多種網購類App應用撲面而來，但大多數網上購物并不能滿足用戶的需求與應用.針對當前社會的需求與發(fā)展應用，設計實現了基于iOS平臺的網購應用客戶端系統(tǒng).該系統(tǒng)在O2O的運營模式下，通過對網絡購物進行分析，得出了移動端網購App在網上購物方面的可行性和必要性.該系統(tǒng)主要使用MVC框架，該框架與其整體系統(tǒng)中的多個控制器、多個視圖、多個模型數據三者有著密切的聯(lián)系.通過對該系統(tǒng)進行部署與測試分析，結果發(fā)現基于iOS平臺的網購移動端應用為用戶和商戶都帶來了很大的便捷，所有功能已基本達到預期效果，通過對使用者測試發(fā)現該系統(tǒng)具有較好的實用性與發(fā)展前景.

網購應用客戶端；iOS；智能移動終端；組件；MVC框架

當前將互聯(lián)網和人際關系整合在一起是21世紀最成功的事業(yè).它改變了傳統(tǒng)各路環(huán)節(jié)利潤的分配，只有用戶與生產廠家之間產生利益，因此網購時代在該背景下產生.網絡網購也是近幾年興起的一種全新的消費方式，其作為一種新興的電子商務模式，現在市場上已經大量出現了各種網購網站，而這些網站也都推出了自己相應的前端App應用，基于iOS平臺的客戶端應用深得人們喜愛［1］.

對于本系統(tǒng)服務器的搭建方式主要采用MVC框架，使用Xcode開發(fā)環(huán)境，通過注冊App1eID并加入App1e開發(fā)者計劃，在Xcode7.0之后才可以免費真機測試并發(fā)布到AppStore上出售.系統(tǒng)實現的功能主要包括三個大模塊：即首頁、購物車、用戶中心.其中首頁又分為搜索頁面、分類列表、商品詳情等，主要是展示一些的商品的信息為主.購物車又分為商品詳情、商品具體網頁信息、評論列表、訂單列表.用戶中心又分為訂單列表、地址管理、評論、修改密碼、退出登陸.總之三大模塊之間各有聯(lián)系，該平臺框架比較簡單，可以充分發(fā)揮硬件資源性能上的使用.使得iOS成為目前移植性較好的移動終端操作系統(tǒng)，并且對使用移動終端設備的價格消費者也是很容易被接收.從而設計開發(fā)了基于iOS平臺的網購應用客戶端，可以對喜歡的物件及時獲取信息，方便快捷了用戶的使用需求，能夠很好的了解物品上架動態(tài).實驗證明，該系統(tǒng)前段頁面設計友好、功能齊全、使用安全可靠、操作性強、達到了解動態(tài)網購公布信息，對網購的管理、了解、查詢信息等信息功能，具有較好的使用空間，能夠達到用戶較好的體驗.

1 平臺介紹

iOS是由蘋果公司開發(fā)的移動平臺的操作系統(tǒng).最初是設計給iPhone使用的，后來陸續(xù)套用到iPad、iPod touch以及App1e TV等蘋果產品上.iOS與蘋果的Mac OS X操作系統(tǒng)一樣，它也是以Darwin為基礎的，因此同樣屬于類Unix的商業(yè)操作系統(tǒng)［2-3］.

iOS也是一個以Linux系統(tǒng)為基礎的開源的移動設備，是一個綜合性開發(fā)平臺［4］.該系統(tǒng)主要是由應用軟件、操作系統(tǒng)、中間件等這幾個組成部分，由于它的開放性從而造就了更多樣化的硬件設備.另外，蘋果公司也提供Mac一體機和Mac筆記本的操作系統(tǒng)，相比其他系統(tǒng)ios系統(tǒng)流暢很多.不會出現卡頓的現象，所以這也是現在iOS系統(tǒng)那么受歡迎的原因.

作為移動設備的手機客戶端其攜帶的方式很方便，但是同時隨著手機的CPU運行速度的不斷提高會使得電池的容量成為瓶頸這種狀況［5］.因此選擇一種合適的數據交換格式尤為重要，JSON與xm1都是通用的數據格式，由于JSON比xm1小，在與網絡傳輸時效率會更好一些，因而本系統(tǒng)的手機客戶端與服務器進行數據交互所使用的是JSON數據格式.JSON是目前常用的輕量級網絡數據傳輸格式，以下為手機客戶端通過使用JSON數據格式與服務器進行交互，即JSON的工作方式如圖1所示.

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

2 系統(tǒng)整體設計

系統(tǒng)的設計是在開發(fā)一個軟件時對這個軟件的功能進行設計，它是一個物理設計.它明確的定義了軟件該如何去做，為開發(fā)人員提供一個清晰的思路.在了解需求文檔之后，搭建簡單的初步框架結構，在蘋果電腦上打開Xcode.并建立項目工程，然后自定義導航條和標簽頁控制器來分別繼承相應的父類.該框架是由頂部導航條以及底部標簽頁控制器組成.切換標簽頁控制器可以切換不同的頁面.

系統(tǒng)設計主要分為概要設計和詳細設計.包括系統(tǒng)各個模塊的設計、數據庫的設計、系統(tǒng)的整體設計.該系統(tǒng)采用的是MVC設計模式來進行開發(fā)，也就是mode1-view-contro11er模式，模型主要負責數據源的獲取，view負責數據的顯示，contro11er相當于一個橋梁的作用，把視圖和模型聯(lián)系到一起.這種模式可以實現模型和視圖的解耦合性，避免出現混亂，使用起來非常方便.MVC模式如圖2所示.

圖2　MVC模式Fig.2 The MVC pattern

3 軟件設計

實現主要使用Xcode開發(fā)環(huán)境、通過注冊App1eID并加入App1e開發(fā)者計劃，在Xcode7.0之后才可以免費真機測試并發(fā)布到AppStore上出售［6-7］.

本系統(tǒng)主要分為以下幾個部分：首頁、搜索頁面、分類商品頁面、商品詳情、購物車、用戶中心、我的訂單、我的評論、地址管理、修改密碼、余額充值、退出登錄.而系統(tǒng)的總體框架就分為三個大模塊，即首頁、購物車、用戶中心.其中首頁又分為搜索頁面、分類列表、商品詳情等，主要是展示一些的商品的信息為主.購物車又分為商品詳情、商品具體網頁信息、評論列表、訂單列表.用戶中心又分為訂單列表、地址管理、評論、修改密碼、退出登陸.總之三大模塊之間各有聯(lián)系，系統(tǒng)的功能結構如圖3所示.

4 iOS客戶端實現

該網購APP屬于B2C模式即商戶對用戶，顧名思義商戶是單用戶是多.注冊頁面由xib創(chuàng)建，控件屬性通過IBOut1et與控制器進行關聯(lián)，然后操作View視圖，在控制器中進行點擊邏輯處理并保存到本地數據庫中.所以在登陸模塊，如果是新用戶在沒有賬號的情況下，需求注冊才能登陸.注冊頁面如圖4所示.

圖3　功能結構Fig.3 Function structure

圖4　注冊頁面Fig.4 The register page

與注冊界面一樣，該用戶數據會直接保存到后臺數據庫.當然本地也需保存進行驗證.退出程序用戶在下次登陸時只需輸入賬號登陸即可.登陸過程對數據庫進行操作，然后獲取相關的用戶字段信息展示在前臺頁面上.登陸運行邏輯代碼如下：

首頁并不需要登陸用戶信息，無論老用戶還是新用戶在打開該網購類APP的第一眼就是首頁.所以展示的頁面直觀了當.其中首頁展示的是多種商品分類，以及多種搜索渠道.對于像首頁這樣有多個控件展示而且業(yè)務操作較繁瑣的情況下，一般使用控制器直接進行代碼編程，這樣可能會更可靠穩(wěn)定一點.但是本控制器當初是使用xib和代碼結合實現的.其頂部是導航條，導航條下面是Scro11View圖片信息展示，來回滑動.中間是搜索條.在其次下面是自定義的8個按鈕.然后緊接著就是tab1eview的信息展示.主頁面如圖5所示.

圖5　主頁面效果圖Fig.5 Main page

5 網絡監(jiān)測與系統(tǒng)測試

網絡檢測對于移動端App開發(fā)來說是一個非常通用的需求.因為沒有網絡作為支撐，將不能與后臺聯(lián)系獲取數據.所以為了能有更好的用戶體驗，需要考慮網絡狀態(tài).如果在沒有網絡的情況下，系統(tǒng)將會從本地緩存獲取相關數據.對絕大多數iOS開發(fā)者來說，從蘋果示例代碼改變而來的各種Reachab1ity框架來看.這個庫是實現這個需求的普遍選擇.但事實上，基于此方案的所有實現，都無法幫助檢測真正的網絡連接狀態(tài)，它們能檢測的只是本地連接狀態(tài)，網絡監(jiān)測有以下3種方式：

1）通過Reachab1ity框架可以對3G網絡2G網絡進行監(jiān)測.

2）現在也很流行在學校、餐廳或者其他場所內設置Wifi，通過Reachab1ity用的時候可以進行識別.它需要登陸網頁進行網頁授權，然后在本地建立連接.

3）在網絡不好的情況下存在本地網絡連接，但是信號又很差，所以就無法連接到服務器.接收不到后臺數據.

系統(tǒng)測試中包括對界面、功能、性能方面的測試，首先，分析軟件用戶界面的設計是符合用戶期望和要求.其次，基于iOS平臺網購App的業(yè)務邏輯、展示商品、用戶購買等界面功能一目了然，不需要在進行功能使用的說明.最后，性能方面就是用戶體驗方面，用戶的所有交互，每一次會話，甚至是劃屏解鎖等都能夠確保iOSApp給予用戶最棒的性能體驗，作為iOS應用性能管理最佳的解決方案，相信能夠成為App Store同類產品中效果更好的.

6 結語

基于iOS平臺的網購應用客戶端系統(tǒng)開發(fā)與設計不僅為用戶提供一個購物平臺，而且也為用戶提供了一個了解網購信息發(fā)布與及時更新的平臺.在該系統(tǒng)中實現了必要的功能以及用戶角色的分析.通過封裝、繼承、多態(tài)的思想，從而使代碼得到更有效的管理，也便于后期的維護與修改.此App軟件設計的相對比較粗糙，需要后期更好地完善，項目團隊在開發(fā)過程中還預留了擴展系統(tǒng)功能程序接口，對后期附加功能的完善，系統(tǒng)的升級提供很好的基礎.該系統(tǒng)程序用戶實用價值性較強，具有一定的發(fā)展空間.可以隨著了解信息的發(fā)布與動態(tài)更新.所以對類似的系統(tǒng)開發(fā)提供了一定的價值和借鑒意義，同時在推廣網購App系統(tǒng)軟件群體中發(fā)揮了重要作用.

［1］ 張偉杰.基于iOS平臺的新聞應用的設計與實現［D］.北京：北京交通大學，2014.

［2］ 張華，于萍，孟憲穎，等.基于iOS平臺的一站到底APP客戶端的設計與實現［J］.長春工程學院學報（自然科學版），2015（3）：108-111.

［3］ 金立漲.基于iOS平臺的圖像處理應用設計與實現［D］.杭州：浙江工業(yè)大學，2015.

［4］ 尚志會，袁臣，劉婷婷，等.基于Android平臺的高校畢業(yè)設計管理系統(tǒng)的設計與實現［J］.湖北民族學院學報（自然科學版），2015（4）：402 -404.

［5］ 單平平，邢靜宇.基于iOS平臺的婚禮客戶端的設計與實現［J］.南陽理工學院學報，2015，7（6）：43-46.

［6］ 章沖，楊東，陳俊，等.基于iOS平臺的移動智慧校園系統(tǒng)設計與實現［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年度河南省科技創(chuàng)新人才計劃科技創(chuàng)新杰出青年項目（164100510019）；鄭州市科技發(fā)展計劃科技攻關項目（153PKJGG26）；鄭州輕工業(yè)學院研究生科技創(chuàng)新基金資助項目.

尚志會（1989-），男，碩士生，主要從事云計算、計算機網絡的研究；*

張建偉（1971-），男，博士，教授，主要從事計算機網絡、網絡安全、云計算的研究.