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

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

基于iOS平臺的網(wǎng)購應(yīng)用客戶端的設(shè)計與實現(xiàn)

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

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

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

網(wǎng)購應(yīng)用客戶端；iOS；智能移動終端；組件；MVC框架

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

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

1 平臺介紹

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

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

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

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

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

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

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

圖2　MVC模式Fig.2 The MVC pattern

3 軟件設(shè)計

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

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

4 iOS客戶端實現(xiàn)

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

圖3　功能結(jié)構(gòu)Fig.3 Function structure

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

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

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

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

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

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

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

2）現(xiàn)在也很流行在學(xué)校、餐廳或者其他場所內(nèi)設(shè)置Wifi，通過Reachab1ity用的時候可以進行識別.它需要登陸網(wǎng)頁進行網(wǎng)頁授權(quán)，然后在本地建立連接.

3）在網(wǎng)絡(luò)不好的情況下存在本地網(wǎng)絡(luò)連接，但是信號又很差，所以就無法連接到服務(wù)器.接收不到后臺數(shù)據(jù).

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

6 結(jié)語

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

［1］ 張偉杰.基于iOS平臺的新聞應(yīng)用的設(shè)計與實現(xiàn)［D］.北京：北京交通大學(xué)，2014.

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

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

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

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

［6］ 章沖，楊東，陳俊，等.基于iOS平臺的移動智慧校園系統(tǒng)設(shè)計與實現(xiàn)［J］.軟件導(dǎo)刊，2016，15（2）：75-77.

［7］ 李艷華.iOS平臺上基于MVC的設(shè)計模式的“音悅臺”的設(shè)計與實現(xiàn)［J］.電子技術(shù)，2015（9）：83-85.

責(zé)任編輯：時 凌

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ā)展計劃科技攻關(guān)項目（153PKJGG26）；鄭州輕工業(yè)學(xué)院研究生科技創(chuàng)新基金資助項目.

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

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