杜天樂-計算機科學與技術-基于iOS的移動商城客戶端開發(fā)

1、Liaoning Normal University（2016屆）本科生畢業(yè)論文(設計)題 目：基于iOS的移動商城客戶端開發(fā)學 院： 計算機與信息技術學院專 業(yè)： 計算機科學與技術班級序號： 3班9號學 號： 201221012701學生姓名： 杜天樂指導教師： 鄭曉薇 2016年5月目 錄摘要 1前言 21 緒論 3 1.1課題研究背景及意義 31.2課題目標 32 iOS開發(fā)環(huán)境及技術 4 2.1關于Mac OS X系統(tǒng) 4 2.2 Xcode的發(fā)展及特點 4 2.3關于iOS系統(tǒng) 4 2.4 Objective-c語言 4 2.5關于創(chuàng)建iOS應用程序 53 移動商城客戶端系統(tǒng)分析及功

2、能設計 .7 3.1移動商城客戶端系統(tǒng)可行性分析 7 3.1.1 什么是可行性分析 7 3.1.2技術可行分析 8 3.1.2技術可行分析 8 3.2移動商城客戶端系統(tǒng)需求分析 9 3.2.1總體需求分析 9 3.2.2功能模塊需求分析 9 3.3移動商城客戶端系統(tǒng)設計 9 3.3.1系統(tǒng)總體設計 9 3.3.2各功能模塊系統(tǒng)設計 104 移動商城客戶端系統(tǒng)的實現(xiàn) 12 4.1實驗環(huán)境搭建 12 4.2系統(tǒng)軟件代碼結構 12 4.3用戶管理功能實現(xiàn) 13 4.4購物車功能模塊的實現(xiàn) 14 4.5訂單管理的實現(xiàn) 14 4.6商品信息展示功能模塊的實現(xiàn) 15 4.7支付功能的實現(xiàn) 15 4.8其他

3、 165移動商城客戶端系統(tǒng)功能測試16 5.1關于功能測試16 5.2整體功能測試16 5.3注冊登錄功能測試16 5.4詳細商品信息查看功能測試17 5.5索引功能測試18 5.6購物車功能測試18 5.7訂單功能測試19 結論 19參考文獻 20致謝 21ii基于iOS的移動商城客戶端開發(fā)基于iOS的移動商城客戶端開發(fā)摘要: iOS系統(tǒng)是現(xiàn)在在智能移動平臺上被廣泛運用的移動端操作系統(tǒng)之一。iOS系統(tǒng)具有很多的優(yōu)點,流暢穩(wěn)定,低功耗,安全。來自蘋果公司官方的調查顯示iOS系統(tǒng)是目前全球用戶量第二的移動操作系統(tǒng),而且其用戶量每年還在不斷增長。而基于iOS系統(tǒng)的移動商城客戶端,也憑借iOS系統(tǒng)良

4、好的特性,及其自身相對于傳統(tǒng)PC端更加方便靈活的魅力吸引到大量用戶的使用。 本次課題研究移動商城客戶端的開發(fā)。課題選取汽車用品類商品作為商品模板,利用MVC模式設計,完成課題項目功能模塊的劃分和框架的搭建。實現(xiàn)用戶的注冊和登陸,商品的分類顯示及搜索,消息的推送,完成頁面的跳轉及社會化分享的實現(xiàn)。在項目的開發(fā)過程中能夠熟練運用Xcode,掌握UI設計方法以及UIKit框架中各種類的的使用,了解各個控件的相互約束關系,理解數(shù)據(jù)的請求和解析方式,熟悉關聯(lián)數(shù)據(jù)庫的操作。關鍵詞: iOS 移動商城 MVC模式設計 UI設計 UIKit框架 數(shù)據(jù)請求 數(shù)據(jù)解析 數(shù)據(jù)庫Abstract: Nowadays

5、iOS system is one of the widely used mobile operating system in intelligent mobile platform. The iOS system has many advantages, such as flow stability, low power consumption and safe. A surveys from apple official shows that iOS system is the second of the worlds current users of mobile operating s

6、ystem, and its users is growing every year. And the mobile market client based on iOS system, also with a good features of iOS system and its own charm to attract a large number of users to use it. This topic research the development of mobile market client. Select auto supplies goods as commodity t

7、emplate, using the MVC pattern design, functional modules of completed projects and the construction of the framework. To achieve that user registration and login the system, the classification of goods display and search, message delivery, complete jump of the page. And the realization of social sh

8、aring. In the process of the development of the project can skillfully use Xcode, and grasp the concept of UI design method, mutual constraint relationship, understand the various controls to understand the request of the data and analytic approach, familiar with the operation of the database.KeyWor

9、ld: iOS mobile market client MVC UI UIKit data demand data analysis database前言 自從互聯(lián)網誕生,移動互聯(lián)網技術日新月異,無論是硬件還是軟件的內容都越來越豐富。 當今移動互聯(lián)網與我們的生活息息相關,尤其是智能移動平臺的出現(xiàn)和發(fā)展,更是將我們與移動緊密的聯(lián)系起來。我們可以通過移動互聯(lián)網查看新聞資訊,休閑娛樂,以及購物。網上購物一出現(xiàn)就成為一種時尚并以其豐富的內容,方便快捷的特點被越來越多的人所喜愛和接受。時下電子商務發(fā)展的生態(tài)已經成熟,淘寶,京東,天貓等各種商城早已被大眾所熟知。有別于傳統(tǒng)的網上商城,移動平臺的網絡商城客

10、戶端具有移動互聯(lián)網的各種優(yōu)點。隨時隨地只要移動平臺上有商城客戶端就能進行購物。豐富的商品,專業(yè)的分類,輕松舒適的體驗,這是移動商城給我們生活帶來的改變。本課題實踐的是基于iOS的移動商城客戶端的開發(fā),期望實現(xiàn)用戶和商城之間的交互。用戶能夠實現(xiàn)注冊登陸,商品信息的瀏覽查詢,商品購物車的管理以及訂單的管理。同時商城希望客戶端能夠及時響應客戶的各種請求。本文研究研究基于iOS系統(tǒng)的移動商城客戶端的實現(xiàn),選取汽車用品作為商品,全面的分析了該客戶端系統(tǒng)的可行性和功能需求。通過老師的指導和自己收集資料,產考web端網上商城功能以及美車美品iOS客戶端的UI設計,利用MVC模式設計搭建了系統(tǒng)的整體框架,完成

11、了各個功能模塊的設計。熟悉了UIKit框架之后,利用其包含的構建iPhone應用程序畫面的各種控件,以及與iPhone特色的畫面布局控制,跳轉控制相關的類來實現(xiàn)和豐富個功能模塊。實驗通過需求分析劃分功能模塊然后進行系統(tǒng)功能設計,利用Xcode開發(fā)工具,經過老師和同學的幫助,以及自己這一段時間的實驗,成功的完成這款基于iOS系統(tǒng)的移動商場客戶端的開發(fā)實現(xiàn)。這款客戶端系統(tǒng)能滿足用戶從瀏覽商品到購買到商品這一過程中的所有動作,基本上達到了實驗的預期效果。1 緒論1.1課題研究背景及意義 隨著移動互聯(lián)網絡技術的發(fā)展及智能移動平臺的研發(fā),移動互聯(lián)網已經通過智能移動平臺融入于我們生活的方方面面?；ヂ?lián)網思維

12、被越來越多的行業(yè)所接受和利用,互聯(lián)網技術的繁榮和發(fā)展也給傳統(tǒng)行業(yè)注入了新的活力,甚至引發(fā)了天翻地覆的變化。同樣的相較于傳統(tǒng)的商業(yè)模式,電子商務的出現(xiàn)也引發(fā)了商業(yè)模式的大變革大發(fā)展。電子商務依托于網絡,正潛移默化的影響我們的生活尤其是我們的購物習慣。而隨著移動互聯(lián)網的發(fā)展,移動電子商務的商業(yè)模式將擁有著更多的用戶基礎,和更加穩(wěn)定的市場前景。但是對移動互聯(lián)網用戶而言,最直觀的感觸莫過于與應用軟件之間的交互。所以一款應用軟件的用戶體驗將對其用戶量有著至關重要的影響。 如今智能移動硬件產品也是日益豐富,而基于iOS系統(tǒng)的蘋果產品更是其中的主流之一。相應的作為軟件支撐的iOS技術也成為移動應用開發(fā)的一大

13、熱門技術。作為iOS應用開發(fā)的基礎語言Objective-C向下兼容C語言,是一門很實用的開發(fā)語言。最重要的是Objective-C在swift語言出現(xiàn)前，是唯一用于iphone及iPad等硬件的應用軟件開發(fā)的語言。考慮到iOS龐大的用戶量,仍然堅挺的發(fā)展前景,以及對大眾用戶而言良好的用戶體驗,才有了這次基于iOS系統(tǒng)移動應用開發(fā)的研究課題。 現(xiàn)如今移動電子商務的主流很少直接依托于傳統(tǒng)的web網頁,各大網站紛紛研發(fā)了屬于自己的客戶端。這樣不僅能夠留住更多的用戶,還能提供穩(wěn)定的IP流量。時下通過手機客戶端來購物已經成為一種新時尚。iOS系統(tǒng)的軟件所特有的美觀、簡潔、易操作的特點,更是引領著這種時

14、尚。據(jù)此，一款設計精巧的基于iOS系統(tǒng)的移動商城客戶端將會更容易得到用戶的青睞。1.2課題目標及論文結構 選擇汽車用品為商品,開發(fā)出一款專屬的移動商城客戶端。實現(xiàn)用戶的注冊和登陸,確保用戶信息的安全?？蛻舳四茏龅缴唐返姆诸愶@示和搜索,以及各類消息的推送。完成頁面間的跳轉,即時通訊及社會化分享的實現(xiàn)。 對于我個人而言,接觸iOS源于自己用的手機，學習iOS開發(fā)則是為了掌握實用的開發(fā)術。所以對于這次畢業(yè)設計，我選擇了基于iOS系統(tǒng)開發(fā)一個項目。從而可以通過這次畢業(yè)設計來進一步鞏固自己的iOS開發(fā)水平,加深對項目開發(fā)過程的理解。 論文共分為六個部分:1.緒論。主要介紹了本課題的研究背景,研究意義,以

15、及課題達到的目標和論文的組織結構。2.iOS開發(fā)環(huán)境及技術。簡要的介紹了Mac OS X系統(tǒng),Xcode的發(fā)展及特點,Xcode的版本及支持信息。同時還介紹了一些關于iOS系統(tǒng)的內容,Objective-c語言以及創(chuàng)建iOS應用程序和程序的調試方法。3.移動商城客戶端系統(tǒng)需求分析及系統(tǒng)功能設計，主要介紹本系統(tǒng)的可行性分析,需求分析,功能模塊的劃分,各功能模塊的功能式樣書,以及模塊化的系統(tǒng)功能設計。4.移動商城客戶端系統(tǒng)實現(xiàn),以第二章介紹的環(huán)境和技術為基礎,詳細的介紹系統(tǒng)各功能的實現(xiàn)和各功能模塊之間的整合。 5.移動商城客戶端功能測試。主要介紹程序的調試結果。 6.論文的最后是對本次課題研究的總

16、結和展望以及參考文獻。2 iOS開發(fā)環(huán)境及技術2.1 關于Mac OS X系統(tǒng) OS X是蘋果公司為Mac系列產品開發(fā)的專屬操作系統(tǒng)。OS X預裝于蘋果Mac系列產品中,系統(tǒng)整體簡潔大方,系統(tǒng)穩(wěn)定安全使用方便。Mac OS X是一個很好的開發(fā)平臺,是目前基于UNIX的裝機量最大的操作系統(tǒng)，Mac OS X提供了獨特的技術原理和簡單操作的完美結合,同時基于開放源代碼的Mac OS X，提供了加強的性能、兼容性和可用性。 本次課題項目開發(fā)使用版本：OS X Yosemite 10.10.5 Mac mini。 搭載處理器：1.4GHz Inter Core i5。2.2 關于Xcode集成環(huán)境 X

17、code是由蘋果公司開發(fā),運行于Mac OS X操作系統(tǒng)上的集成開發(fā)工具，是開發(fā)OS X 和iOS應用程序的最便捷的集成開發(fā)工具。Xcode 具有統(tǒng)一的用戶界面設計，編碼、測試、調試都在一個簡單的窗口內完成。 Xcode是蘋果公司向開發(fā)人員提供的集成開發(fā)環(huán)境,是非開源的。它負責處理從最開始到工程的最終部署這一過程中的大多數(shù)環(huán)節(jié)。我們可以通過這個工具來完成很多工作： 創(chuàng)建和管理工程，包括指定目標的需求、依賴性、和連編的風格。 在具有語法染色、自動縮進等功能的編輯器上編寫源代碼。 在工程的不同組件中進行漫游和檢索，包括頭文件和文檔。 連編工程。 在圖形化的源代碼級調試器上調試工程。 Xcode可以

18、連編由C、C+、Objective-C、Objective-C+、和Java編寫的源代碼組成的工程,可以生成Mac OS X支持的所有類型的執(zhí)行代碼，包括命令行工具、框架、插件、內核擴展、程序包、和應用程序。Xcode允許我們對連編和調試工具、可執(zhí)行文件的打包方式包括信息屬性列表和本地化程序包、連編過程包括拷貝文件、腳本文件處理、和其它連編階段、以及用戶界面包括分立和多視圖的代碼編輯器進行幾乎無限的定制,還支持幾個源代碼管理系統(tǒng),我們可以將文件追加到代碼庫、提交修改、獲取更新版本、以及進行版本的比較。 本次實驗使用Xcode版本信息:Xcode Version7.1(7B91b)。2.3 關于

19、iOS系統(tǒng) 蘋果iOS是由蘋果公司開發(fā)的移動操作系統(tǒng)。蘋果公司最早于2007年1月9日Macworld大會上公布這個系統(tǒng)，最初是設計給iPhone使用的，后來陸續(xù)套用到iPod touch、iPad以及Apple TV等產品上。iOS與蘋果的Mac OS X操作系統(tǒng)一樣，屬于類Unix的商業(yè)操作系統(tǒng)。 iOS 具有簡單易用的界面、以及超強的穩(wěn)定性,同時iOS 平臺擁有數(shù)量龐大的移動應用。因此毫無疑問,iOS是一個優(yōu)秀的移動應用平臺,該平臺優(yōu)良的特性以及龐大的用戶量非常適合搭載移動商城客戶端系統(tǒng)。2.4 Objective-c語言 Brad.J.Cox在20世紀80年代早期設計了Objectiv

20、e-C語言,它是以一種叫做SmallTalk-80的語言為基礎的。Objective-C在C語言的基礎上加了一個層次,這意味著對C進行了擴展,從而發(fā)展成為一門新的程序設計語言,支持對象的創(chuàng)建和操作。 2007年,蘋果公司發(fā)布了Objective-C語言的升級版,并稱為Objective-C 2.0。隨后隨著各種移動硬件的推出,蘋果公司開始統(tǒng)一操作系統(tǒng)上使用的術語,和SDK,以支持使用不同尺寸的物理物理屏幕和屏幕分辨率的各種設備。2.5關于創(chuàng)建iOS應用程序1. 打開Xcode并選擇Create a new Xcode project。如圖2-1所示： 圖2-1 創(chuàng)建工程2. 進入如圖2-2界面

21、，首先選擇，ios目錄下的application，然后選擇右邊方框中的Single View Application， 然點next。 圖2-2 single View3. 跳到圖2-3界面，第一個Prouct Name:工程的名字,第二個Organization Name：組織或者公司的名字,第三個Language：語言，根據(jù)需要選擇objective-c或者Swift。這兒我選Objective-c語言，然后點next。 圖2-3工程名4. 進入到如下圖2-4界面，在這個界面選擇把工程保存在哪個文件夾下，完成之后，點create。 圖2-4 路徑 5.跳到如圖2-5界面，就成功創(chuàng)建了一個工

22、程。 圖2-5創(chuàng)建成功 6.編輯界面如圖2-6所示。選擇目標文件即可開始編輯。 圖2-6編輯3 移動商城客戶端系統(tǒng)分析及功能設計3.1移動商城客戶端系統(tǒng)可行性分析3.1.1 什么是可行性分析可行性分析是通過對項目的主要內容和配套條件，從技術、經濟等方面進行調查研究和分析比較，并對項目建成以后可能取得經濟效益及社會環(huán)境影響進行預測，從而提出該項目是否值得進行等建議，為項目決策提供依據(jù)的一種綜合性的系統(tǒng)分析方法。可行性分析應具有預見性、公正性、可靠性、科學性的特點。3.1.2技術可行分析技術可行性主要是從項目實施的技術角度，分析項目中可能存在的技術問題和風險,選擇合理技術設計方案及解決方案，并進行

23、比較選擇和評價。對于本次課題研究的基于iOS的移動商城客戶端,相關技術已經成熟,與之匹配的第三方軟件也很豐富。作為技術支持,OS X平臺下集成的開發(fā)環(huán)境Xcode能夠完成項目的編輯,編譯,及調試。Objective-C語言能夠勝任各個功能模塊的編寫,同時基于iOS的UI,數(shù)據(jù)請求和解析等擁有一整套成熟的技術。但對于大規(guī)模數(shù)據(jù)庫操作,數(shù)據(jù)安全,數(shù)據(jù)索引,于我個人而言還是有很大的挑戰(zhàn).但這也正是這次實驗對我的促進之所在。3.1.3社會可行性分析所謂社會可行性也即是分析項目對社會的影響。從政治體制、方針政策、經濟結構、法律道德、宗教民族、婦女兒童及社會穩(wěn)定性等方面論證項目的發(fā)展給社會帶來的影響。從而

24、為項目的決策提供意見?；趇OS平臺的移動商城客戶端系統(tǒng),無疑是順應時代發(fā)展的產品,有利于商業(yè)模式的多樣化,促進市場的繁榮。移動商城客戶端方便用戶日常購物,方便快捷,豐富了日常生活。移動商城客戶端是電子商務不可或缺的組成部分。3.2移動商城客戶端系統(tǒng)需求分析需求分析指的是在建立一個新的應用的時，就這個新的應用的目的、范圍、定義及功能這些方面所要做的工作。需求分析是完成一個應用必不可少的部分。在進行一款項目開發(fā)的過程中，開發(fā)者必須確定客戶的需求，在確定了客戶需求后才能進行應用的開發(fā)。3.2.1總體需求分析 移動商城客戶端系統(tǒng)是客戶端和用戶通過網絡與商城進行交互的窗口。用戶通過客戶端注冊個人信息,

25、登陸網上商城,瀏覽商品信息,通過關鍵字檢索商品,聯(lián)系客服,收藏商品,訂單管理,下單付款。另一方面,商城通過客戶端可以向用戶推送消息,提示信息,應答客戶請求。 移動商城客戶端對用戶沒有太高的要求,擁有移動互聯(lián)網平臺的人都可以通過移動互聯(lián)網平臺下載移動商城客戶端,并通過客戶端注冊成為互聯(lián)網商城會員,完成商品信息的檢索和瀏覽,下單購物,完成交易的過程。同樣用戶也可以以游客的身份進行商品信息的檢索和瀏覽,游客想要完成交易則需要注冊個人信息,成為注冊會員。根據(jù)對移動商城客戶端的功能分析,可以大致的將其劃分為:用戶管理,訂單管理,購物車管理,信息檢索,支付系統(tǒng)和商品信息系統(tǒng)。除此之外,系統(tǒng)可以加入社會化分

26、享等個性化的功能模塊。 3.2.2功能模塊需求分析 由以上,總體的功能需求分析可知,移動商城客戶端整體基本上分為六大模塊。從客戶端和用戶人機交互的需求出發(fā),劃分功能模塊有效的提高了模塊的聚合度降低了各功能模塊之間的耦合度。 1. 用戶管理系統(tǒng) 用戶管理系統(tǒng)需要滿足用戶對自己的個人信息進行管理的需求,能夠完成包括用戶注冊,用戶登錄,用戶修改個人信息和退出登陸四個子功能。2.商品信息及消息推送 商品信息模塊應該滿足用戶了解商品的需求。包括商品展示,商品詳細信息查看,活動消息推送。聯(lián)系客服以及添加商品到購物車,立即購買的按鈕選項應答關聯(lián)到購物車管理系統(tǒng)和訂單管理系統(tǒng)。3. 信息檢索 信息檢索即能夠讓

27、用戶通過關鍵字搜索相關商品的功能模塊,主要功能就是索引相關商品并反應給用戶,因此這個功能模塊需要同商品信息系統(tǒng)相關聯(lián)。4. 購物車管理系統(tǒng) 購物車管理系統(tǒng)的主要功能應該滿足用戶收藏自己喜歡的商品,完成用戶對購物車內商品的增刪處理,購物車內商品陳列,查看商品具體信息。顯然該模塊部分功需求與商品信息及消息推送功能模塊有一些相同的功能需求。5. 訂單管理系統(tǒng) 訂單管理系統(tǒng)是注冊用戶管理用來管理賬號訂單的系統(tǒng),應滿足其查看訂單詳細內容及商品信息跳轉到商品信息系統(tǒng),刪除訂單的需求。該模塊同樣也和商品信息及消息推送模塊有相同顯示查看商品信息的功能需求。6. 支付系統(tǒng) 支付系統(tǒng)負責完成用戶網上購物的最后一步

28、,完成訂單提交過來的支付任務或者取消支付反饋支付結果給用戶,同時支付系統(tǒng)還負責支付方式的選擇的功能。3.3移動商城客戶端系統(tǒng)設計3.3.1 系統(tǒng)總體設計 移動商城客戶端是用戶和商家線上交互的平臺,通過系統(tǒng)需求分析我們將系統(tǒng)功能劃分為了六大模塊。利用MVC框架及常用的設計模式,對程序設計進行分工和給具體問題提出解決方案以實現(xiàn)代碼的重用和和設計的重用。 對于移動商城客戶端,系統(tǒng)的整體設計在考慮程序編寫要求的同時更要參考用戶的操作習慣,購物流程,將用戶需求和用戶體驗內化到系統(tǒng)設計之中。根據(jù)系統(tǒng)分析結果可以將本系統(tǒng)分為兩個部分:面向用戶的信息顯示,面向用戶請求的應答處理。 圖3-1整體結構圖系統(tǒng)整體結

29、構圖如圖3-1所示。3.3.2系統(tǒng)各功能模塊設計 系統(tǒng)整體功能的實現(xiàn)依賴于各個子功能模塊各功能的完善和模塊間的相互配合。通過對移動商城系統(tǒng)的全面分析并結合調研的情況,設計各個子功能模塊。同時考慮到用戶的個人體驗,除了常用的六大模塊外還設計引導模塊指導新用戶該款客戶端,吸引用戶注冊個人賬號,滿足用戶社會化分享的功能模塊。1. 用戶管理系統(tǒng)該子功能模塊是用戶對自己的個人信息進行管理的模塊,協(xié)調用戶注冊,用戶登錄,用戶管理個人信息和退出登陸等功能。很顯然這些功能異步實現(xiàn),優(yōu)先級依次遞減的。在完成模塊的基本功能的同時還滿足應答其他模塊的跳轉要求,以及跳轉到其他功能模塊的請求按鈕。功能劃分如圖3-2所示

30、。 圖3-2用戶管理2. 商品信息及消息推送商品信息及消息推送模塊的各子功能:顯示商品,查看商品詳細信息,推送商品。聯(lián)系客服相互配合。額外的,添加商品到購物車,立即購買的按鈕請求選項是必不可少的,應答來自信息檢索的要求是提升用戶體驗重要環(huán)節(jié)。系統(tǒng)功能如圖3-3所示。 圖3-3商品顯示3. 信息檢索 信息檢索即通過關鍵字搜索相關商品,主要功能就是索引相關商品并反應給用戶,因此這個功能模塊需要同商品信息系統(tǒng)相關聯(lián)。這是功能要求簡單的模塊,只需要滿足用戶搜索信息的需求。4. 購物車管理系統(tǒng)購物車管理系統(tǒng)主要用于收藏注冊用戶喜歡的商品,主要功能包括購物車內商品的刪,商品的顯示,查看商品具體信息,結算生

31、成訂單關聯(lián)到訂單系統(tǒng)以及推出購物車系統(tǒng)的請求按鈕,同時還應能響應其他模塊的請求。由需求分析已經知道該部分與商品信息部分有功能重合,故而,部分設計和代碼能夠重用。功能劃分如圖3-4所示。 圖3-4購物車5. 訂單管理系統(tǒng) 訂單管理系統(tǒng)是注冊用戶管理訂單的功能模塊,可以查看訂單詳細內容及商品信息,刪除訂單,提交訂單。很顯然其功能需求與商品信息系統(tǒng)和支付系統(tǒng)都有關聯(lián)。系統(tǒng)劃分如圖3-4所示。 圖3-4訂單管理6.支付系統(tǒng)支付系統(tǒng)的設計本著安全的原則,以完成訂單提交過來的支付請求或者取消支付,反饋支付結果給用戶,同時支付系統(tǒng)還應該提供支付方式的選擇的功能。4移動商城客戶端系統(tǒng)實現(xiàn) 關于實驗移動商城客戶

32、端系統(tǒng)的UI設計參考美車美品iOS客戶端,商品信息及圖片抓取均來源于該美車美品APP。所有信息僅供學習使用。4.1實驗環(huán)境搭建 本次課題實驗所使用的環(huán)境第二章都已經基本介紹完畢。關于實驗所用Xcode在蘋果官方App Store搜索下載即可。4.2系統(tǒng)軟件代碼結構 按照iOS開發(fā)規(guī)范,參照美車美品客戶端的UI設計,各功能模塊實現(xiàn),最后編譯并通過測試。主要包括頭文件,基礎控件文件,軟件開發(fā)工具包,數(shù)據(jù)文件,網絡文件,視圖控件文件,系統(tǒng)支持文件,及編譯通過后的可執(zhí)行文件。4.3用戶管理功能實現(xiàn)由需求分析及功能模塊設計可知用戶管理主要需要完成用戶注冊,登陸,編輯個人信息,退出登陸等功能。1.注冊功能

33、的實現(xiàn)+(void)userRegister:(NSDictionary*)info andSuccessBlock:(userSuccessBlockFunc)success and FaileBlock:(userFailBlockFunc)fail 定義了一個類方法：userRegister以字典類型的對象info作為參數(shù)傳遞用戶信息。方法內利用send方法將info發(fā)送給服務器，用get方法請求服務器處理結果。以功能塊完成回調，如果get注冊成功就調用SuccessBlock塊否則調用FaileBlock塊，顯示回調的注冊信息。大批發(fā)用戶注冊類方法的實現(xiàn)過程與普通用戶注冊的實現(xiàn)過程類似

34、。2.修改密碼的實現(xiàn)+(void)changePasswordWithOldPass:(NSString*)oldPass and NewPass:(NSString*)newPass SuccessBlock:(userSuccessBlockFunc)success and FaileBlock:(userFailBlockFunc)fail修改密碼定義了一個類方法changePasswordWithOldPass來實現(xiàn)的，以字符串類型的對象oldPass和newPass分別作為參數(shù)傳遞原密碼以及新密碼。同樣通過send方法發(fā)送新舊密碼到服務器，由服務器處理密碼的修改過程，方法內通過get

35、方法獲取服務器的處理結果。以功能塊SuccessBlock和FaileBlock完成回調，通過UIselder將服務器的返回值顯示出來。 以上詳細介紹了用戶注冊和用戶修改密碼的實現(xiàn)過程。除此之外，用戶管理模塊還實現(xiàn)了用戶登錄，登出，編輯個人信息等功能，但實現(xiàn)過程與以上兩個過程完全類似，而且它們的參數(shù)均是字典類型的。 4.4購物車功能模塊的實現(xiàn)購物車的主要功能就是加入和刪除商品，查看詳細商品信息的實現(xiàn)會在信息展示功能模塊闡述。將商品加入購物車的實現(xiàn)+(void)addShoppingListWithDic:(NSDictionary*)dic and SuccessBlock:(successD

36、icBlockFunc)success and FailBlock:(failBlockFunc)fail;定義了一個返回值為空的方法addShoppingListWithDic，參數(shù)dic為字典類型，保存商品信息。將該商品信息發(fā)送給服務器，請求添加到購物車。獲取處理結果，如果添加成功通過SuccessBlock顯示添加后的View，如果添加失敗，則以FailBlock塊提示信息。從購物車刪除商品的實現(xiàn)與加入商品的實現(xiàn)相類似，只不過向服務器發(fā)送的是delete的請求處理。 4.5訂單管理的實現(xiàn) 本功能快主要實現(xiàn)的是對訂單的管理包括包括提交，刪除以及獲取訂單詳情的功能。其中刪除和提交訂單功能類似

37、，以下只闡述訂單提交的實現(xiàn)過程。1.提交訂單的實現(xiàn)+(void)submitFormWithDic:(NSDictionary*)dic and SuccessBlock:(successDicBlockFunc)success and FaileBlock:(failBlockFunc)fail;類方法submitFormWithDic，實現(xiàn)了提交訂單的功能。參數(shù)dic為字典類型，保存訂單信息。submitFormWithDic將訂單信息發(fā)送給服務器。用get方法獲取處理結果，如果成功提交，就生成訂單，SuccessBlock塊會接收處理返回的信息，并將處理結果顯示到View上，如果提交的話

38、，就執(zhí)行FailBlock塊，顯示提示信息。2.獲取訂單詳細+(void)orderDetailFormId:(NSString*)ordered and SuccessBlock:(successDicBlockFunc)success and FaileBlock:(failBlockFunc)fail;orderDetailFormId獲取訂單詳情的類方法，NSString類型的對象ordered保存訂單號。將訂單號傳給服務器，請求訂單詳情并用塊實現(xiàn)回調，如果獲取信息成功則用SuccessBlock顯示訂單詳情，否則用FaileBlock提示相關信息。4.6商品信息展示功能模塊的實現(xiàn)該模

39、塊是用戶接觸最多的模塊，但實現(xiàn)過程與其他過程大同小異。主要有獲取首頁，所有商品，以及商品詳細信息等功能。1.獲取首頁相關數(shù)據(jù)的實現(xiàn)+(void)getHomeGoodsSuccessBlock:(goodSuccessBlockFunc)success and faileBlock:(goodFailBlockFunc)fail; 該類方法直接通過接口發(fā)送數(shù)據(jù)請求，通過功能塊實現(xiàn)回調。數(shù)據(jù)獲取成功用getHomeGoodsSuccessBlock塊顯示出來，否則用faileBlock顯示提示信息。獲取產品詳細信息+(void)getGoodDetailWithGoodId:(NSString*

40、)goodId successBlock:(goodSuccessBlockFunc)success and FaileBlock:(goodFailBlockFunc)fail;getGoodDetailWithGoodId通過字符串類型的對象goodId作為參數(shù)從服務器請求商品詳細信息，其中goodId保存的是商品號。如果獲取數(shù)據(jù)成功，用方法successBlock將顯示出來，否則執(zhí)行FaileBlock。4.7支付功能的實現(xiàn)1.更改支付方式的實現(xiàn)-(void)payMethodChange:(NSNotification* )notify;通過單例類NSNotification對象，以不

41、同的按鈕選擇不同的支付方式，為各個按鈕添加相應的點擊事件調用不同的API。因為使用單例類，對其他部分沒用任何影響，從而可以安全高效的支付方式。2.付款的實現(xiàn)+(void)orderPayOverFormId:(NSString*)ordered and SuccessBlock:(successDicBlockFunc)success and FaileBlock:(failBlockFunc)fail;當訂單提交成功后，會生成訂單，然后選擇支付方式，因此更改支付方式的方法payMethodChange會被封裝在orderPayOverFormId類方法中。SuccessBlock和Faile

42、Block功能塊實現(xiàn)從服務器端回調相應的支付信息，顯示給用戶做相應處理。4.8 其他功能及用戶界面 1 App的啟動 程序實現(xiàn)如下:int main(int argc, char * argv) autoreleasepool return UIApplicationMain(argc, argv, nil, NSStringFromClass(AppDelegate class); 程序的入口，通過UIApplicationMain系統(tǒng)方法實現(xiàn)了程序的編譯運行。其中前面兩個參數(shù)來自main（）的兩個參數(shù)沒有實際意義。第三個參數(shù)，主要類，當為nil時表示UIApplication。第四個參數(shù)代

43、理類，負責控制程序的運行。 2 檢測新版本-(void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data請求服務器，服務器上有版本號校驗碼，如果更新就返回1，否則返回0。然后跟據(jù)返回值判斷是否有版更更新，從而實現(xiàn)軟件版本更新的檢測。3用戶界面的實現(xiàn)UI的設計參考了美車美品客戶端的UI設計。首頁滾動視圖無限循環(huán)的實現(xiàn)對UIScollView重載，content的尾部增加一個與首位相同的視圖。當滾動到尾部時，繼續(xù)向下一個視圖滾動，看起來是滾動到首位視圖，然后從該視圖切換到首位的視圖，切換時關閉動畫效果。利用

44、UITableBar和UInavigation實現(xiàn)導航視圖。用戶界面的文本和web視圖的實現(xiàn)由UITextView和UIWebView實現(xiàn)。界面中控件的創(chuàng)建則由UIControl的各子類實現(xiàn)。包括按鈕，頁面的跳轉，滑動，開關控制器等。通過UISearchBar類來進行檢索，這是UIKit框架中封裝的的檢索類。UISearchBar代理里面的方法，實現(xiàn)搜索功能。5 移動商城客戶端功能測試5.1關于功能測試在項目完成后進行系統(tǒng)測試，可以保證所開發(fā)應用的流暢性、無錯性、滿足需求性。系統(tǒng)測試是針對整個產品系統(tǒng)進行的測試，系統(tǒng)測試的過程中在發(fā)現(xiàn)問題之后，需要找出錯誤原因和位置并改正。對于iOS應用程序的

45、調試大多使用 Simulator模擬器來進行. iOS Simulator是Xcode的一部分.iOS Simulator是個模擬器，但并非仿真器,模擬器會模仿實際設備的行為。iPhone Simulator會模仿實際的iOS/iPad設備的真實行為;但模擬器本身卻使用了Mac上的各種庫(如Quicktime)進行渲染以便效果與實際的iPhone保持一致。我們都知道測試程序運用最多的就是白盒測試和黑盒測試了。白盒測試就是對軟件系統(tǒng)的相關代碼進行詳細的測試,在程序的開發(fā)過程中邊開發(fā)邊測試。因為本款移動商城客戶端只做學習之用,軟件進行黑盒測試部分時只使用了simulator模擬器來進行,并沒有進行

46、真機測試。 Xcode編譯iOS項目后自動打開iOS模擬器去調試當前程序，在調試Xcode中的iOS程序時，點擊對應的Run即可。5.2整體功能測試 經過測試,可是說本款軟件整體流暢,功能完備,基本滿足用戶需求,達到了預期的實驗設計效果。能夠滿足用戶從挑選商品到購買商品過程中的全部動作要求。5.3注冊登錄功能測試 經過測試,用戶能夠通過手機成功接收驗證碼,完成注冊,并成功登陸,非注冊用戶不能登陸。 登錄和注冊實現(xiàn)結果如圖5-1和5-2所示。 圖5-1登錄界面 圖5-2 注冊界面5.4詳細商品信息查看功能測試進入軟件后,可以通過滑動瀏覽商品海報，想要查看商品的詳細信息,點擊該商品即可,同時從購物車,訂單管理系