《基于Android技術的網上商城系統的設計與實現 ——畢業(yè)論文》由會員分享，可在線閱讀，更多相關《基于Android技術的網上商城系統的設計與實現 ——畢業(yè)論文（29頁珍藏版）》請在裝配圖網上搜索。

1、本科畢業(yè)論文（設計）題 目 基于Android技術的網上商城系統 的設計與實現 專 業(yè) 軟件工程 作者姓名 學 號 單 位 聊城大學 指導教師 年 月聊城大學本科畢業(yè)設計目 錄前 言11. 緒論11.1 選題意義11.2 研究現狀22. 開發(fā)環(huán)境介紹32.1 Eclipse簡介32.2 Android簡介43. 需求分析53.1 需求分系重要性53.2 功能需求63.3 性能需求64. 總體設計74.1 總體設計重要性74.2 系統架構74.3 系統流程85. 詳細設計85.1 資源規(guī)劃85.2 數據庫設計95.3 界面設計106. 功能實現146.5 提交訂單功能實現22結束語23參考文獻2

2、41摘 要隨著電子技術和互聯網以及移動互聯網絡的發(fā)展，電子商務（Electronic Commerce，EC）已經深入到各行各業(yè),而使用電子商務作為購物渠道的人也日漸增多,成為人們購物方式的主流,電子商務購物網站便是基于這樣的背景下,應用B/S(BROWSER/SERVER)架構,有效運用INTERNET技術的輔助,開設網上購物平臺,有效的降低運營成本,提高經營效益,實現消費者的網上購物和在線電子支付的一種新型的商業(yè)運營模式。Android系統的出現，給移動互聯網時代帶來了新的發(fā)展。為了適應現代信息時代網絡在線的需求，采用新信息技術，研究設計了一個基于安卓平臺的購物系統的設計與實現。它能提供網

3、上購物，為用戶提供便利。該方案主要包括后臺管理功能、Web服務器、網絡、Android購物前端等部分組成，并采用了JAVA、ANDROID、JSP技術，Mysql數據庫，利用Eclipse、TOMCAT、Dreamweaver等開發(fā)環(huán)境以及開發(fā)工具。為客戶提供24小時方便快捷的在線購物服務。論文主要介紹了本系統的開發(fā)背景，所要完成的功能和開發(fā)的全過程。關鍵詞：Android；Java；Web服務器；購物商城；Mysql1AbstractWith the development of electronic technology and the Internet and mobile Intern

4、et, e-commerce (Electronic Commerce, EC) has penetrated into all walks of life, and the use of e-commerce as a shopping channel is also increasing, becoming the mainstream shopping, e-commerce Shopping site is based on this background, the application of B / S (BROWSER / SERVER) architecture, the ef

5、fective use of INTERNET technology support, set up online shopping platform, effectively reduce operating costs and improve operating efficiency, to achieve consumer online shopping and Online electronic payment of a new business model.Android system, the emergence of the mobile Internet era has bro

6、ught new development. In order to meet the needs of modern online information network, the use of new information technology, research and design based on Andrews platform shopping system design and implementation. It can provide online shopping, to provide users with convenience. The program mainly

7、 includes background management functions, Web server, network, Android shopping front end and other components, and the use of JAVA, ANDROID, JSP technology, Mysql database, the use of Eclipse, TOMCAT, Dreamweaver development environment and development tools. 24 hours to provide customers with con

8、venient online shopping service. The paper mainly introduces the background of the development of the system, the function and the whole process of development.Key words: Android; Java; Web server; Shopping Mall; Mysql224基于Android技術的網上商城系統的設計與實現前 言 隨著社會科技的進步，人類知識總量的增長不斷加快，以及市場競爭的日益激烈，人們對信息的認識產生了根本性變

9、化?；谝苿踊ヂ摼W這個全新的時代背景，人們日常上網的主要通道是手機。移動電子商務未來的發(fā)展?jié)摿κ俏〇|商城、當當網以及淘寶等電子商務企業(yè)進入這一領域的主要原因。 隨著移動通信的發(fā)展及互聯網向移動終端的普及，網絡和用戶對移動終端的要求越來越高，移動終端不再僅是通訊網絡的終端，還將成為互聯網的終端。Android是一套真正意義上的開放性的移動設備綜合平臺,Android是由 Linux+Java構成的開源軟件，允許所有廠商和個人在其基礎上進行開發(fā)，因此，Android系統將是未來移動終端的主流，而基于Android終端的網上購物系統也將被廣泛使用。1. 緒論1.1 選題意義對于普通的智能手機用戶

10、來說，智能手機已經成為人們生活中的一部分，每天和手機在一起的時間，超過任何電子設備。通過智能手機的用戶可以不受時間、空間的限制，隨時隨地的通過智能手機在購物商城APP上瀏覽商城的所有產品的詳細信息和商家活動，比PC端更為方便快捷。手機購物商城的開發(fā)符合了當前大環(huán)境下人們越來越追求便攜舒適購物體驗的需求。對于手機網上商城的商家來說，由于智能手機的的普及范圍不斷擴大，越來越多的人通過手機瀏覽信息，而通過手機傳播的渠道更是多種多樣，手機商城APP可以幫助他們快速傳播商城的產品信息以及降低商家的廣告費用。商家也能夠更加便捷的查看商城的經營狀況和商品的銷售信息以便于根據市場環(huán)境做出及時的調整和改變。當前

11、主流的電商平臺如淘寶、京東、蘇寧等來說已經都有十分成的熟移動商城系統，但對許許多多傳統的中小型企業(yè)來說，他們對于手機網上商城發(fā)展沒有那么好的前瞻性，目前仍正處于剛剛投入移動電商平臺的浪潮中。尤其是當前Android手機商城的開發(fā)技術不斷發(fā)展，成本也在下降更加適合中小型企業(yè)的需求，所以Android的網上商城系統發(fā)展前景在當前大環(huán)境下仍然可期。1.2 研究現狀1.2.1 網購市場現狀2011-2015年我國網絡購物用戶規(guī)模持續(xù)增長。2015年網購用戶總規(guī)模達4.1億人，是2011年的2.1倍，2015年網絡購物用戶規(guī)模增長率為14.3%。隨著互聯網的發(fā)展、觸網用戶增加以及網購方式的越來越流行，未

12、來網購用戶在整體網民中的比例將越來越高。2015年1-12月，PC端日均覆蓋用戶人數增幅不大，月度日均覆蓋人數平均值為9810萬人，個別月份覆蓋人數呈現較大波動。1-12月移動端月度日均覆蓋人數穩(wěn)步增長，月度日均覆蓋人數平均值為7806萬人，與PC端差距逐漸縮小。2016年Q1季度，中國網購市場整體規(guī)模達到了9716億元，同比增長28.3%，遠超去年同期的7574億元人民幣，而移動端網購交易額達到了6593億元，同比激增82.7%，在整體網購市場占比達到將近68%，是PC端的兩倍還多。1.2.2 Android智能手機現狀在2016年Q1季度，中國Android智能手機占市場份額的76.4%之

13、多，而到了2017年，iOS系統今年第一季度在中國只占12.4%，創(chuàng)2014年來同時期最低的市場份額。和去年相比，Android系統的市場份額上升至87.2%。然而，在德國、法國、西班牙、意大利、英國這歐洲五國，智能系統的市場份額則有所不同。Android以76.3%的份額稱霸五國的智能手機市場，而iOS同時期市場份額增長至20.7%。但還是能夠看出來Android仍然是當前最為主流的智能手機操作系統，而且在很長一段時間內不會被超越。2. 開發(fā)環(huán)境介紹2.1 Eclipse簡介2.1.1Eclipse的起源和發(fā)展IBM的Visual Age是Eclipse的前身。Visual Age認識到存在

14、難以擴大，相關技術較為脆弱，難以集成與WebSphere Studio軟件等諸多問題，進一步發(fā)展是非常困難的整合，同時也面臨著來自Symantec公司的Visual Caf， Borland公司的JBuilder和其他競爭開發(fā)工具的壓力， IBM公司決定創(chuàng)建一個更加開放，并且可以支持IBM的其他開發(fā)工具成為一體化的開發(fā)平臺。1998年11月IBM公司成立了專門的項目開發(fā)團隊開始開發(fā)平臺，在2000年的新一代開發(fā)平臺，這是熟悉的Eclipse的誕生。 2000年11月， IBM提出采用開放源碼的Eclipse授權和釋放的操作模式，以提升業(yè)界的注意力集中在Eclipse和加快其應用速度的重大決策。

15、隨后，IBM在2001年12月宣布向外部世界，捐贈4000萬美元的源碼的Eclipse開源社區(qū);被Eclipse協會（ Eclipse的聯盟）的成員公司成立，以支持和促進了Eclipse開源項目。事實證明， IBM的決定是非常明智的。Eclipse受到廣泛關注，使得它的用戶絡繹不絕，下載服務器被封鎖，回到行業(yè)帶來了震撼！ IBM在EclipseCon 2004年宣布成立一個獨立的，非盈利性基金，該基，金會負責Eclipse開發(fā)的管理和指導，目前其成員多達100個知名企業(yè)采用，包括Borland ，理性軟件，紅帽，賽貝斯，谷歌和甲骨文等行業(yè)巨頭。2003年，Eclipse 3.0選擇OSGi服務

16、平臺規(guī)范為運行時架構。2007年6月，穩(wěn)定版3.3發(fā)布；2008年6月發(fā)布代號為Ganymede的3.4版；2009年6月發(fā)布代號為Galileo的3.5版；2010年6月發(fā)布代號為Helios的3.6版；2011年6月發(fā)布代號為Indigo的3.7版；2012年6月發(fā)布代號為Juno的4.2版；2013年6月發(fā)布代號為Kepler的4.3版；2014年6月發(fā)布代號為Luna的4.4版；2015年6月項目發(fā)布代號為Mars的4.5版。2.1.2Eclipse的優(yōu)勢現在有成千上萬的人在世界上使用Eclipse進行開發(fā)。為什么Eclipse有這么多的受眾？這是與Eclipse設置許多功能有很大的關

17、系。Eclipse是開放源代碼軟件。這意味著， Eclipse的不僅是免費使用的，除了可以通過學習源代碼學習世界領先的編程技術的開發(fā)，還可以通過世界各地的開發(fā)人員共享有助于豐富公眾開源庫。Eclipse有著可擴展性和可配置性。Eclipse支持多種開發(fā)語言，不僅僅是Java 。Eclipse只是給開發(fā)者一個最低限度的核心系統功能可擴展，插件式架構使Eclipse擴展點，支持多國語言越好。只要安裝適當的語言插件， Eclipse可以支持這樣的開發(fā)語言。目前， Eclipse有支持C / C + + ， COBOL ， PHP，Perl ， Python和其他語言。 （盡管Eclipse是主要是一

18、個Java開發(fā)環(huán)境，但其體系結構確保了對其它編程語言的支持） 。Eclipse提供的多平臺性的支持。開發(fā)人員可以使用他們感覺最舒服和熟悉的平臺，如Windows，Linux和MacOS的，等等。Eclipse其單獨的圖形工具包，為每個平臺，這使得應用程序具有接近本地操作系統的外觀和更好的性能。2.2 Android簡介Android是基于Linux內核的軟件平臺和操作系統，是Google 在2007 年11 月5日公布的手機系統平臺，早期由Google 開發(fā)，后由開放手機聯盟（Open Handset Alliance）開發(fā)。它采用軟件堆層（software stack，又名以軟件疊層）的架構

19、，主要分為3 部分。低層以Linux內核工作為基礎，只提供基本功能；其他的應用軟件則由各公司自行開發(fā)，以Java 作為編寫程序的一部分6。與iPhone相似，Android采用WebKit瀏覽器引擎，具備觸摸屏、高級圖形顯示和上網功能，用戶能夠在手機上查看電子郵件、搜索網址和觀看視頻節(jié)目等，比iPhone等其他手機更強調搜索功能，界面更強大，可以說是一種融入全部Web應用的單一平臺7。其大優(yōu)勢特色：（1）開放性：在優(yōu)勢方面，Android平臺首先就是其開放性，開發(fā)的平臺允許任何移動終端廠商加入到Android聯盟中來。 8,9（2）豐富的硬件選擇：這一點還是與Android平臺的開放性相關，由

20、于Android的開放性，使其硬件的支持較多，故擁有了更多的硬件選擇。（3）不受任何限制的開發(fā)商：Android平臺提供較廣的平臺給第三方開發(fā)商，因此不受框架束縛。（4）無縫結合的Google應用：Google公司本身擁有的應用能夠完美無縫的與Android平臺結合。 根據系統需要，在數據庫的選擇上，選用最流行的關系型數據庫管理系統Mysql，將數據保存在不同的表中，而不是將所有數據放在一個大倉庫內，這樣就增加了速度并提高了靈活性，更有利于系統的開發(fā)。Tomcat是一個輕量級應用服務器，占用系統資源少，擴展性好，性能穩(wěn)定，是現在比較流行的Web應用服務器，MyEclipse集成了很多eclip

21、se沒有的插件，對于Web的開發(fā)有很好的幫助。Eclipse 是開發(fā)Android系統的相對較好，穩(wěn)定的開發(fā)工具。此次Java開發(fā)環(huán)境沿用的是一直很熟悉的JDK1.6,在Android方面用的是1.7版本SDK。電腦完全可以支持本次設計的開發(fā)。3. 需求分析3.1 需求分系重要性需求分析是程序設計中最關鍵的一個步驟，是其它步驟的基礎。其主要任務是“為了解決這個問題，目標系統必須做什么”。主要確定目標系統有哪些功能。在這個步驟里程序員在用戶那里搜集所有的將要開發(fā)的系統的需求信息，并且把這些信息編寫成為用戶和程序員都可以認可的需求說明書。需求分析特別重要。在軟件工程的歷史中，很長時間里人們一直認為

22、在整個軟件工程中簡單一個步驟就是需求分析，但在隨著時間的推移，它變成整個過程中最關鍵的一個的觀念被越來越多的人認識到。為了使軟件功能和性能的總體概念描述為具體的軟件需求規(guī)格說明，只有使用軟件需求分析，也才能為后期的軟件開發(fā)奠定了基礎。很多事實表明，當很多失敗的大型應用系統在分析原因的時候，突然會發(fā)現，一切都是失敗的需求分析導致的：不徹底或者不完善的需求分析，歸結于需求分析的方法使用不當，使得開發(fā)這需要不停地重復對需求進行分析，也使得設計、編碼、測試等環(huán)節(jié)無法順利進行下去；客戶和我們配合不好，導致客戶對需求認知不明，客戶不斷變化的需求，同樣無法順利進行設計、編碼、測試等環(huán)節(jié)。軟件的需求分析是軟件

23、開發(fā)前的第一個階段，也是關系到軟件開發(fā)成敗的關鍵步驟，在整個軟件開發(fā)的過程中，可以說這個階段所要占用的時間是相當大的。如果需求分析做好了，那么在以后的軟件設計過程中，可以省去不少的時間。該街道不是確定系統怎樣的完成它的工作，而僅僅是確定系統必須完成哪些工作，也是對目標系統提出完整、正確、清晰、具體的要求。3.2 功能需求通過對市場的調研并進行分析，了解到了系統的需求。本系統是的基于網絡購物系統，管理員通過后臺進行商品管理、類別管理、商鋪管理、訂單管理、用戶管理。前臺主要功能包括了用戶注冊、快速瀏覽、用戶登錄，商品查詢，添加購物車，提交訂單，購物車管理等功能。3.3 性能需求好的架構設計應該具有

24、以下幾點:第一點，良好的模塊化。每個模塊職責明晰,模塊之間低耦合，模塊內部高聚合并合理地實現信息隱藏；第二，適應功能需求的變化,適應技術的變化。應該保持應用相關模塊和領域通用模塊的分離；第三，對數據的良好規(guī)劃；第四，明確靈活的部署規(guī)劃。對于普通用戶性能需求的要求就是界面友好，運行時間滿足使用要求，安全性得到安全保證。所以對于本系統的綜合要求如下：(1)系統應建立友好的界面，既要操作簡單、直觀、靈活，又要易于學習掌握；開發(fā)購物系統目的是為了用戶能夠方便的進行在線購物。如果操作復雜，就失去了推廣價值。(2)系統在輸入用戶名以及密碼時，應具有自動識別的功能，以幫助用戶改正錯誤。(3)系統在確定用戶名

25、和密碼后，在正確連接數據庫后，首先應對用戶名和密碼進行檢驗，若沒有此用戶名應給出相應的提示；系統應具有界面相互轉換的功能，在每一個模塊之間應具有相互轉換的功能，而無需用戶退回主界面重新選擇。系統應具有良好的安全性。(4)系統可擴充、易維護。系統應充分考慮到用戶對購物車的增刪改查等，具備一定的擴充能力。4. 總體設計4.1 總體設計重要性 總體設計又稱為概要設計或初步設計。通過這個階段的工作將劃分出組成系統的物理元素程序、文件、數據庫、人工過程和文檔等等，但是每個物理元素仍然處于黑盒子級，這些黑盒子里的具體內容將在以后仔細設計?？傮w設計階段的另一項重要任務是設計軟件的結構，也就是要確定系統中每個

26、程序是由哪些模塊組成的，以及這些模塊相互間的關系?？梢栽谌指叨壬线M行總體設計，花較少成本，多種可能的系統實現方案和軟件結構要在較抽象的層次上進行分析和對比，從中選出最佳方案和最合理的軟件結構，從而用較低成本開發(fā)出較高質量的軟件系統。4.2 系統架構本系統的架構主要是Android客戶端通過網絡通信訪問后臺服務，后臺采用JDBC訪問數據庫。用戶在Android手機客戶端進行操作如購物，發(fā)送訂單等與后臺數據庫進行交互時，首先通過移動通信網絡，采用HTTP協議把數據傳入后臺服務器中。后臺服務器通過對數據庫的增、刪、改、查操作。數據庫，將數據顯示給后臺服務器。后臺服務器取得數據后，將數據通過移動無線

27、網絡，采用Http協議返回給客戶端，完成用戶的操作。架構圖如表4.1所示：表4.1 系統架構數據庫后臺服務Android客戶端4.3 系統流程在本Android商城系統中，系統流程是這樣的：首先用戶進入系統后，需要用戶進行登錄或者可以先逛逛本系統，然后需要購買的時候再注冊登錄。用戶登錄后，便進入商品的瀏覽界面。用戶可以瀏覽到商品的圖片，價格，以及簡單描述等信息。也可以點擊查看詳情，可以對查單進行一個比較全面的了解。用戶可以根據自己的喜好?？梢酝ㄟ^價格分類，進行商品的查詢。如果是沒有注冊過賬戶的話需要用戶進行注冊并登錄后才能購買商品，注冊頁面只需要填寫用戶的用戶名、密碼等相關信息就可以完成注冊。

28、本系統的流程圖如圖4.2所示： 圖4.2 系統流程5. 詳細設計5.1 資源規(guī)劃資源規(guī)劃的定義一是指確定開展項目活動需要何種資源(人力、設備、材料、資金)以及所需數量的規(guī)劃。百度百科中還有一個定義是根據可持續(xù)發(fā)展的原則，對資源的開發(fā)利用與保護方案，作出比選與安排的活動過程。資源規(guī)劃是系統資源建設與開發(fā)利用的基礎和關鍵。當前 ,程序員對開發(fā)系統資源建設與開發(fā)利用的重要性已有充分的認識 ,并做了大量的工作 ,但對系統資源規(guī)劃的重要性重視不夠。為了更有效地利用系統資源 ,必須重視和加強對系統資源的規(guī)劃。這個商城系統的主要功能可以分為二大類：一是Activity界面的展示設計；二是通過網絡訪問服務器數

29、據。Activity界面的展示設計是通過設置各個界面對應的xml文件來實現的。而網絡訪問服務器數據，則采用http通訊協議，請求結果以拼接字符串的方式返回，在客戶端通過截取字符串獲得返回數據。5.2 數據庫設計數據庫技術是信息資源管理最有效的手段。數據庫設計(Database Design)是指對于一個給定的應用環(huán)境，構造最優(yōu)的數據庫模式，建立數據庫及其應用系統，使之能夠有效地存儲數據，滿足各種用戶的應用需求（信息要求和處理要求）。本系統服務端采用MySQL數據庫，在該系統中一共有很多張表，部分表單介紹如下：表5.1 wct_bill表Field NameField TypeSizeNulli

30、dint11NOT NULLgidsvarchar100DEFAULT NULLpircevarchar100DEFAULT NULLuservarchar100DEFAULT NULLuidvarchar100DEFAULT NULLshopvarchar100DEFAULT NULLbillvarchar2000DEFAULT NULLopenidvarchar255DEFAULT NULLndatevarchar255DEFAULT NULLtotalvarchar255DEFAULT NULLwayvarchar50DEFAULT NULLgnamesvarchar500DEFAULT

31、 NULL表5.2 wct_good表Field NameField TypeSizeNullidint10NOT NULLgnamevarchar100DEFAULT NULLpricevarchar10DEFAULT NULLjifenvarchar10DEFAULT NULLnotevarchar500DEFAULT NULLtypevarchar50DEFAULT NULLimgvarchar500DEFAULT NULLcountvarchar10DEFAULT NULLtypeidvarchar10DEFAULT NULLxiaoliangint10DEFAULT NULL表5.3

32、 wct_user表Field NameField TypeSizeNullidint10NOT NULLusernamevarchar50DEFAULT NULLpasswdvarchar50DEFAULT NULLroletypevarchar50DEFAULT NULLemailvarchar200DEFAULT NULLaddressvarchar200DEFAULT NULLtelvarchar50DEFAULT NULLqqvarchar20DEFAULT NULLwechatvarchar20DEFAULT NULLsexvarchar20DEFAULT NULL5.3 界面設計

33、界面設計是非常重要的，因為產品是給客戶用的而客戶第一次接觸第一眼看到的就是這個產品是什么樣子的。如果一個產品你說功能上有多好，多強大而界面上卻很糟糕，給用戶的感覺非常不好，估計用戶就沒心情再看下去了。所以我們要給用戶一個好的體驗，讓用戶第一感覺也覺得是非常不錯的。界面與用戶的交互也是非常友好的，用戶才會繼續(xù)關注和使用。美總是給人一種愉快的心情，所以每個產品都必須把界面做好，并且能夠通過一種交互的形式告訴用戶怎么使用。登錄界面：采用對話框的形式，用戶輸入正確的用戶名和密碼就可以進入。并且對用戶名和密碼進行了為空的驗證。登錄界面如圖5.1所示： 圖5.1 用戶登錄界面選擇商品列表界面：采用對話框的

34、形式，進入系統，首先要選擇一個想要查看的商品類別列表。其界面如圖如圖5.2所示： 圖5.2 商品列表界面選擇好商品類別后，進入商品列表界面，選擇好喜歡的商品。其界面如圖5.3所示：圖5.3 商品選擇界面購物車界面：采用對話框的形式，選擇好相應的商品，點擊確定添加到購物車。其界面如圖5.4所示：圖5.3 購物車訂單界面我的訂單界面。在購物車界面完成購物，點擊提交訂單按鈕后，點擊【我的訂單】按鈕進入我的訂單界面更新菜單界面如圖5.5所示： 圖5.3 我的訂單界面6. 功能實現6.1 用戶注冊功能實現注冊實現了用戶注冊用戶登錄功能，用戶注冊模塊用來收集用戶的個人信息包括用戶名、密碼、郵箱地址等信息。

35、我們需要收集哪些用戶信息就可以在注冊頁面添加對應的Input輸入框，在數據庫中增加與之相對應的字段信息，最后再信息處理頁面增加相應的寫入數據庫字段就可以了。用戶注冊頁面實現首先是在注冊頁面添加一個注冊表單，定義若干個文本包括用戶名、密碼等。實現代碼如下：function register() var fdata = serializeObject($(#registerform); if($.trim(fdata.username) = | $.trim(fdata.passwd) = | $.trim(fdata.tel) = | $.trim(fdata.address) = ) show

36、Loader(請?zhí)顚懲暾畔?,true); return; if(fdata.tel.length11) showLoader(電話號碼格式不對!,true); return; if(fdata.passwd != fdata.passwd2) showLoader(兩次密碼不一致!,true); return; /uplaodImg(function(r) /fdata.img = r; ajaxCallback(checkUser,fdata,function(d) if(d.info = success) ajaxCallback(register,fdata,function(r)

37、if(r.info=success) showLoader(注冊成功!,true); toLogin(); else showLoader(注冊失敗請稍候再試!,true); ); else showLoader(用戶名已存在!,true); ); /);6.2 用戶登錄功能實現這里通過request.getParameter()方法獲取請求參數，調用商品信息查詢方法，依據數據庫查詢結果返回評價信息，實現代碼如下：$(function() var uinfo = localStorageuserinfo; var f = localStoragewelcomed; if(f) if(uinfo

38、 & $.trim(uinfo)!=) uinfo = JSON.parse(uinfo); $(#lusername).val(uinfo.username); $(#lpasswd).val(uinfo.passwd); uinfo.remember = 1; login(uinfo); else changePage(welcomepage1,none); $(#welcome1).bind(swipeleft tap,function() changePage(welcomepage2); ); $(#welcome2).bind(swipeleft tap,function() ch

39、angePage(welcomepage3); ); $(#welcome3).bind(swipeleft tap,function() changePage(welcomepage4); ); $(#welcome4).bind(swipeleft tap,function() changePage(welcomepage5); ); $(#welcome5).bind(swipeleft tap,function() changePage(welcomepage6); ); $(#welcome6).bind(swipeleft tap,function() changePage(log

40、inpage); localStoragewelcomed = yes; ););var userinfo = null;function login(uinfo) var fdata = uinfo | serializeObject($(#loginform); if($.trim(fdata.username)= | $.trim(fdata.passwd) = ) showLoader(請輸入用戶名或密碼！,true); return; ajaxCallback(login,fdata,function(data) if(data.info & data.info=fail) show

41、Loader(用戶名或密碼錯誤,true); changePage(loginpage); else showLoader(登陸成功!,true); userinfo = data; if(fdata.remember = 1) localStorageuserinfo = JSON.stringify(data); else localStorageuserinfo = ; toMain(); );function logout() userinfo = null; toLogin();6.3 商品查詢功能實現實現代碼如下：function toGood(id) var obj = getG

42、oodById(id); focusobj = obj; changePage(goodpage); $(#gname2).text(商品名:+obj.gname); $(#gimg2).attr(src,fileurl+obj.img); $(#gnote2).text(簡介:+obj.note); $(#gprice2).text(價格:+obj.price);function getGoodById(id) for(var i=0;igoodlist.length;i+) var good = goodlisti; if(good.id = id) return good; return

43、 null;6.4 購物車管理功能實現function addToCar() var str = localStoragegouwuche; var list = ; if(str) list = JSON.parse(str); list.push(focusobj); localStoragegouwuche = JSON.stringify(list); showLoader(已經添加到購物車!,true);function showCar() changePage(carspage); carlist();function carlist() var str = localStorag

44、egouwuche; var list = ; if(str) list = JSON.parse(str); $(#cars).refreshShowListView(list);function removeCar(id) var str = localStoragegouwuche; var list = ; var newlist = ; if(str) list = JSON.parse(str); for(var i=0;ilist.length;i+) var obj = listi; if(obj.id = id) continue; newlist.push(obj); lo

45、calStoragegouwuche = JSON.stringify(newlist); $(#cars).refreshShowListView(newlist); function tijiaocar() if(userinfo) changePage(infopage2); $(#iscar2).val(2); else changePage(infopage); $(#iscar).val(2); function tijiaocaruser() var note = $(#infobeizhu2).val(); var str = localStoragegouwuche; var

46、 sids = ; var shopgoods = ; var bills = ; if(str) var list = JSON.parse(str); for(var i=0;ilist.length;i+) var flag = false; var good = listi; for(var n=0;nsids.length;n+) if(sidsn=good.sid) shopgoodsgood.sid.push(good); flag = true; break; if(!flag) shopgoodsgood.sid = ; shopgoodsgood.sid.push(good

47、); sids.push(good.sid); for(var i=0;isids.length;i+) var goodlist = shopgoodssidsi; var gids = ; var gnames = ; var sname = ; var total = 0; var sid = sidsi; var bill = ; bill.uid = userinfo.id; bill.user = userinfo.username; for(var n=0;ngoodlist.length;n+) var good = goodlistn; if(n=0) sname = goo

48、d.shop; gids+=good.id; gnames+=good.gname; else gids+=,+good.id; gnames+=,+good.gname; total+=parseInt(good.price); bill.shop = sname; bill.sid = sid; bill.gids = gids; bill.gnames = gnames; bill.total = total; bill.tel = userinfo.tel; bill.address = userinfo.address; bill.note = note; bills.push(bi

49、ll); if(bills.length) ajaxCallback(saveBills,bills:JSON.stringify(bills),function(data) localStoragegouwuche = ; showTipTimer(訂單提交成功!,function() toMyBill(); ); ); function tijiaocaryouke() var tel = $(#infotel).val(); var address = $(#infoaddress).val(); var note = $(#infobeizhu).val(); if($.trim(te

50、l)= | $.trim(address)=) showLoader(請?zhí)顚戨娫捄偷刂沸畔?,true); return; if(tel.length11) showLoader(請?zhí)顚懻_的電話號碼!,true); return; var str = localStoragegouwuche; var sids = ; var shopgoods = ; var bills = ; if(str) var list = JSON.parse(str); for(var i=0;ilist.length;i+) var flag = false; var good = listi; for(v

51、ar n=0;nsids.length;n+) if(sidsn=good.sid) shopgoodsgood.sid.push(good); flag = true; break; if(!flag) shopgoodsgood.sid = ; shopgoodsgood.sid.push(good); sids.push(good.sid); for(var i=0;isids.length;i+) var goodlist = shopgoodssidsi; var gids = ; var gnames = ; var sname = ; var total = 0; var sid

52、 = sidsi; var bill = ; bill.uid = ; bill.user = ; for(var n=0;ngoodlist.length;n+) var good = goodlistn; if(n=0) sname = good.shop; gids+=good.id; gnames+=good.gname; else gids+=,+good.id; gnames+=,+good.gname; total+=parseInt(good.price); bill.shop = sname; bill.sid = sid; bill.gids = gids; bill.gnames = gnames; bill.total = total; bill.tel = tel; bill.address = address; bill.note = note; bills.push(bill); if(bills.length)