《基于Android技術(shù)的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn) ——畢業(yè)論文》由會員分享，可在線閱讀，更多相關(guān)《基于Android技術(shù)的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn) ——畢業(yè)論文（29頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、本科畢業(yè)論文（設(shè)計）題 目 基于Android技術(shù)的網(wǎng)上商城系統(tǒng) 的設(shè)計與實現(xiàn) 專 業(yè) 軟件工程 作者姓名 學 號 單 位 聊城大學 指導教師 年 月聊城大學本科畢業(yè)設(shè)計目 錄前 言11. 緒論11.1 選題意義11.2 研究現(xiàn)狀22. 開發(fā)環(huán)境介紹32.1 Eclipse簡介32.2 Android簡介43. 需求分析53.1 需求分系重要性53.2 功能需求63.3 性能需求64. 總體設(shè)計74.1 總體設(shè)計重要性74.2 系統(tǒng)架構(gòu)74.3 系統(tǒng)流程85. 詳細設(shè)計85.1 資源規(guī)劃85.2 數(shù)據(jù)庫設(shè)計95.3 界面設(shè)計106. 功能實現(xiàn)146.5 提交訂單功能實現(xiàn)22結(jié)束語23參考文獻2
2、41摘 要隨著電子技術(shù)和互聯(lián)網(wǎng)以及移動互聯(lián)網(wǎng)絡(luò)的發(fā)展，電子商務(wù)（Electronic Commerce，EC）已經(jīng)深入到各行各業(yè),而使用電子商務(wù)作為購物渠道的人也日漸增多,成為人們購物方式的主流,電子商務(wù)購物網(wǎng)站便是基于這樣的背景下,應(yīng)用B/S(BROWSER/SERVER)架構(gòu),有效運用INTERNET技術(shù)的輔助,開設(shè)網(wǎng)上購物平臺,有效的降低運營成本,提高經(jīng)營效益,實現(xiàn)消費者的網(wǎng)上購物和在線電子支付的一種新型的商業(yè)運營模式。Android系統(tǒng)的出現(xiàn)，給移動互聯(lián)網(wǎng)時代帶來了新的發(fā)展。為了適應(yīng)現(xiàn)代信息時代網(wǎng)絡(luò)在線的需求，采用新信息技術(shù)，研究設(shè)計了一個基于安卓平臺的購物系統(tǒng)的設(shè)計與實現(xiàn)。它能提供網(wǎng)
3、上購物，為用戶提供便利。該方案主要包括后臺管理功能、Web服務(wù)器、網(wǎng)絡(luò)、Android購物前端等部分組成，并采用了JAVA、ANDROID、JSP技術(shù)，Mysql數(shù)據(jù)庫，利用Eclipse、TOMCAT、Dreamweaver等開發(fā)環(huán)境以及開發(fā)工具。為客戶提供24小時方便快捷的在線購物服務(wù)。論文主要介紹了本系統(tǒng)的開發(fā)背景，所要完成的功能和開發(fā)的全過程。關(guān)鍵詞：Android；Java；Web服務(wù)器；購物商城；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技術(shù)的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn)前 言 隨著社會科技的進步，人類知識總量的增長不斷加快，以及市場競爭的日益激烈，人們對信息的認識產(chǎn)生了根本性變
9、化?；谝苿踊ヂ?lián)網(wǎng)這個全新的時代背景，人們?nèi)粘Ｉ暇W(wǎng)的主要通道是手機。移動電子商務(wù)未來的發(fā)展?jié)摿κ俏〇|商城、當當網(wǎng)以及淘寶等電子商務(wù)企業(yè)進入這一領(lǐng)域的主要原因。 隨著移動通信的發(fā)展及互聯(lián)網(wǎng)向移動終端的普及，網(wǎng)絡(luò)和用戶對移動終端的要求越來越高，移動終端不再僅是通訊網(wǎng)絡(luò)的終端，還將成為互聯(lián)網(wǎng)的終端。Android是一套真正意義上的開放性的移動設(shè)備綜合平臺,Android是由 Linux+Java構(gòu)成的開源軟件，允許所有廠商和個人在其基礎(chǔ)上進行開發(fā)，因此，Android系統(tǒng)將是未來移動終端的主流，而基于Android終端的網(wǎng)上購物系統(tǒng)也將被廣泛使用。1. 緒論1.1 選題意義對于普通的智能手機用戶
10、來說，智能手機已經(jīng)成為人們生活中的一部分，每天和手機在一起的時間，超過任何電子設(shè)備。通過智能手機的用戶可以不受時間、空間的限制，隨時隨地的通過智能手機在購物商城APP上瀏覽商城的所有產(chǎn)品的詳細信息和商家活動，比PC端更為方便快捷。手機購物商城的開發(fā)符合了當前大環(huán)境下人們越來越追求便攜舒適購物體驗的需求。對于手機網(wǎng)上商城的商家來說，由于智能手機的的普及范圍不斷擴大，越來越多的人通過手機瀏覽信息，而通過手機傳播的渠道更是多種多樣，手機商城APP可以幫助他們快速傳播商城的產(chǎn)品信息以及降低商家的廣告費用。商家也能夠更加便捷的查看商城的經(jīng)營狀況和商品的銷售信息以便于根據(jù)市場環(huán)境做出及時的調(diào)整和改變。當前
11、主流的電商平臺如淘寶、京東、蘇寧等來說已經(jīng)都有十分成的熟移動商城系統(tǒng)，但對許許多多傳統(tǒng)的中小型企業(yè)來說，他們對于手機網(wǎng)上商城發(fā)展沒有那么好的前瞻性，目前仍正處于剛剛投入移動電商平臺的浪潮中。尤其是當前Android手機商城的開發(fā)技術(shù)不斷發(fā)展，成本也在下降更加適合中小型企業(yè)的需求，所以Android的網(wǎng)上商城系統(tǒng)發(fā)展前景在當前大環(huán)境下仍然可期。1.2 研究現(xiàn)狀1.2.1 網(wǎng)購市場現(xiàn)狀2011-2015年我國網(wǎng)絡(luò)購物用戶規(guī)模持續(xù)增長。2015年網(wǎng)購用戶總規(guī)模達4.1億人，是2011年的2.1倍，2015年網(wǎng)絡(luò)購物用戶規(guī)模增長率為14.3%。隨著互聯(lián)網(wǎng)的發(fā)展、觸網(wǎng)用戶增加以及網(wǎng)購方式的越來越流行，未
12、來網(wǎng)購用戶在整體網(wǎng)民中的比例將越來越高。2015年1-12月，PC端日均覆蓋用戶人數(shù)增幅不大，月度日均覆蓋人數(shù)平均值為9810萬人，個別月份覆蓋人數(shù)呈現(xiàn)較大波動。1-12月移動端月度日均覆蓋人數(shù)穩(wěn)步增長，月度日均覆蓋人數(shù)平均值為7806萬人，與PC端差距逐漸縮小。2016年Q1季度，中國網(wǎng)購市場整體規(guī)模達到了9716億元，同比增長28.3%，遠超去年同期的7574億元人民幣，而移動端網(wǎng)購交易額達到了6593億元，同比激增82.7%，在整體網(wǎng)購市場占比達到將近68%，是PC端的兩倍還多。1.2.2 Android智能手機現(xiàn)狀在2016年Q1季度，中國Android智能手機占市場份額的76.4%之
13、多，而到了2017年，iOS系統(tǒng)今年第一季度在中國只占12.4%，創(chuàng)2014年來同時期最低的市場份額。和去年相比，Android系統(tǒng)的市場份額上升至87.2%。然而，在德國、法國、西班牙、意大利、英國這歐洲五國，智能系統(tǒng)的市場份額則有所不同。Android以76.3%的份額稱霸五國的智能手機市場，而iOS同時期市場份額增長至20.7%。但還是能夠看出來Android仍然是當前最為主流的智能手機操作系統(tǒng)，而且在很長一段時間內(nèi)不會被超越。2. 開發(fā)環(huán)境介紹2.1 Eclipse簡介2.1.1Eclipse的起源和發(fā)展IBM的Visual Age是Eclipse的前身。Visual Age認識到存在
14、難以擴大，相關(guān)技術(shù)較為脆弱，難以集成與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授權(quán)和釋放的操作模式，以提升業(yè)界的注意力集中在Eclipse和加快其應(yīng)用速度的重大決策。
15、隨后，IBM在2001年12月宣布向外部世界，捐贈4000萬美元的源碼的Eclipse開源社區(qū);被Eclipse協(xié)會（ Eclipse的聯(lián)盟）的成員公司成立，以支持和促進了Eclipse開源項目。事實證明， IBM的決定是非常明智的。Eclipse受到廣泛關(guān)注，使得它的用戶絡(luò)繹不絕，下載服務(wù)器被封鎖，回到行業(yè)帶來了震撼！ IBM在EclipseCon 2004年宣布成立一個獨立的，非盈利性基金，該基，金會負責Eclipse開發(fā)的管理和指導，目前其成員多達100個知名企業(yè)采用，包括Borland ，理性軟件，紅帽，賽貝斯，谷歌和甲骨文等行業(yè)巨頭。2003年，Eclipse 3.0選擇OSGi服務(wù)
16、平臺規(guī)范為運行時架構(gòu)。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)勢現(xiàn)在有成千上萬的人在世界上使用Eclipse進行開發(fā)。為什么Eclipse有這么多的受眾？這是與Eclipse設(shè)置許多功能有很大的關(guān)
17、系。Eclipse是開放源代碼軟件。這意味著， Eclipse的不僅是免費使用的，除了可以通過學習源代碼學習世界領(lǐng)先的編程技術(shù)的開發(fā)，還可以通過世界各地的開發(fā)人員共享有助于豐富公眾開源庫。Eclipse有著可擴展性和可配置性。Eclipse支持多種開發(fā)語言，不僅僅是Java 。Eclipse只是給開發(fā)者一個最低限度的核心系統(tǒng)功能可擴展，插件式架構(gòu)使Eclipse擴展點，支持多國語言越好。只要安裝適當?shù)恼Z言插件， Eclipse可以支持這樣的開發(fā)語言。目前， Eclipse有支持C / C + + ， COBOL ， PHP，Perl ， Python和其他語言。 （盡管Eclipse是主要是一
18、個Java開發(fā)環(huán)境，但其體系結(jié)構(gòu)確保了對其它編程語言的支持） 。Eclipse提供的多平臺性的支持。開發(fā)人員可以使用他們感覺最舒服和熟悉的平臺，如Windows，Linux和MacOS的，等等。Eclipse其單獨的圖形工具包，為每個平臺，這使得應(yīng)用程序具有接近本地操作系統(tǒng)的外觀和更好的性能。2.2 Android簡介Android是基于Linux內(nèi)核的軟件平臺和操作系統(tǒng)，是Google 在2007 年11 月5日公布的手機系統(tǒng)平臺，早期由Google 開發(fā)，后由開放手機聯(lián)盟（Open Handset Alliance）開發(fā)。它采用軟件堆層（software stack，又名以軟件疊層）的架構(gòu)
19、，主要分為3 部分。低層以Linux內(nèi)核工作為基礎(chǔ)，只提供基本功能；其他的應(yīng)用軟件則由各公司自行開發(fā)，以Java 作為編寫程序的一部分6。與iPhone相似，Android采用WebKit瀏覽器引擎，具備觸摸屏、高級圖形顯示和上網(wǎng)功能，用戶能夠在手機上查看電子郵件、搜索網(wǎng)址和觀看視頻節(jié)目等，比iPhone等其他手機更強調(diào)搜索功能，界面更強大，可以說是一種融入全部Web應(yīng)用的單一平臺7。其大優(yōu)勢特色：（1）開放性：在優(yōu)勢方面，Android平臺首先就是其開放性，開發(fā)的平臺允許任何移動終端廠商加入到Android聯(lián)盟中來。 8,9（2）豐富的硬件選擇：這一點還是與Android平臺的開放性相關(guān)，由
20、于Android的開放性，使其硬件的支持較多，故擁有了更多的硬件選擇。（3）不受任何限制的開發(fā)商：Android平臺提供較廣的平臺給第三方開發(fā)商，因此不受框架束縛。（4）無縫結(jié)合的Google應(yīng)用：Google公司本身擁有的應(yīng)用能夠完美無縫的與Android平臺結(jié)合。 根據(jù)系統(tǒng)需要，在數(shù)據(jù)庫的選擇上，選用最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)Mysql，將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性，更有利于系統(tǒng)的開發(fā)。Tomcat是一個輕量級應(yīng)用服務(wù)器，占用系統(tǒng)資源少，擴展性好，性能穩(wěn)定，是現(xiàn)在比較流行的Web應(yīng)用服務(wù)器，MyEclipse集成了很多eclip
21、se沒有的插件，對于Web的開發(fā)有很好的幫助。Eclipse 是開發(fā)Android系統(tǒng)的相對較好，穩(wěn)定的開發(fā)工具。此次Java開發(fā)環(huán)境沿用的是一直很熟悉的JDK1.6,在Android方面用的是1.7版本SDK。電腦完全可以支持本次設(shè)計的開發(fā)。3. 需求分析3.1 需求分系重要性需求分析是程序設(shè)計中最關(guān)鍵的一個步驟，是其它步驟的基礎(chǔ)。其主要任務(wù)是“為了解決這個問題，目標系統(tǒng)必須做什么”。主要確定目標系統(tǒng)有哪些功能。在這個步驟里程序員在用戶那里搜集所有的將要開發(fā)的系統(tǒng)的需求信息，并且把這些信息編寫成為用戶和程序員都可以認可的需求說明書。需求分析特別重要。在軟件工程的歷史中，很長時間里人們一直認為
22、在整個軟件工程中簡單一個步驟就是需求分析，但在隨著時間的推移，它變成整個過程中最關(guān)鍵的一個的觀念被越來越多的人認識到。為了使軟件功能和性能的總體概念描述為具體的軟件需求規(guī)格說明，只有使用軟件需求分析，也才能為后期的軟件開發(fā)奠定了基礎(chǔ)。很多事實表明，當很多失敗的大型應(yīng)用系統(tǒng)在分析原因的時候，突然會發(fā)現(xiàn)，一切都是失敗的需求分析導致的：不徹底或者不完善的需求分析，歸結(jié)于需求分析的方法使用不當，使得開發(fā)這需要不停地重復(fù)對需求進行分析，也使得設(shè)計、編碼、測試等環(huán)節(jié)無法順利進行下去；客戶和我們配合不好，導致客戶對需求認知不明，客戶不斷變化的需求，同樣無法順利進行設(shè)計、編碼、測試等環(huán)節(jié)。軟件的需求分析是軟件
23、開發(fā)前的第一個階段，也是關(guān)系到軟件開發(fā)成敗的關(guān)鍵步驟，在整個軟件開發(fā)的過程中，可以說這個階段所要占用的時間是相當大的。如果需求分析做好了，那么在以后的軟件設(shè)計過程中，可以省去不少的時間。該街道不是確定系統(tǒng)怎樣的完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也是對目標系統(tǒng)提出完整、正確、清晰、具體的要求。3.2 功能需求通過對市場的調(diào)研并進行分析，了解到了系統(tǒng)的需求。本系統(tǒng)是的基于網(wǎng)絡(luò)購物系統(tǒng)，管理員通過后臺進行商品管理、類別管理、商鋪管理、訂單管理、用戶管理。前臺主要功能包括了用戶注冊、快速瀏覽、用戶登錄，商品查詢，添加購物車，提交訂單，購物車管理等功能。3.3 性能需求好的架構(gòu)設(shè)計應(yīng)該具有
24、以下幾點:第一點，良好的模塊化。每個模塊職責明晰,模塊之間低耦合，模塊內(nèi)部高聚合并合理地實現(xiàn)信息隱藏；第二，適應(yīng)功能需求的變化,適應(yīng)技術(shù)的變化。應(yīng)該保持應(yīng)用相關(guān)模塊和領(lǐng)域通用模塊的分離；第三，對數(shù)據(jù)的良好規(guī)劃；第四，明確靈活的部署規(guī)劃。對于普通用戶性能需求的要求就是界面友好，運行時間滿足使用要求，安全性得到安全保證。所以對于本系統(tǒng)的綜合要求如下：(1)系統(tǒng)應(yīng)建立友好的界面，既要操作簡單、直觀、靈活，又要易于學習掌握；開發(fā)購物系統(tǒng)目的是為了用戶能夠方便的進行在線購物。如果操作復(fù)雜，就失去了推廣價值。(2)系統(tǒng)在輸入用戶名以及密碼時，應(yīng)具有自動識別的功能，以幫助用戶改正錯誤。(3)系統(tǒng)在確定用戶名
25、和密碼后，在正確連接數(shù)據(jù)庫后，首先應(yīng)對用戶名和密碼進行檢驗，若沒有此用戶名應(yīng)給出相應(yīng)的提示；系統(tǒng)應(yīng)具有界面相互轉(zhuǎn)換的功能，在每一個模塊之間應(yīng)具有相互轉(zhuǎn)換的功能，而無需用戶退回主界面重新選擇。系統(tǒng)應(yīng)具有良好的安全性。(4)系統(tǒng)可擴充、易維護。系統(tǒng)應(yīng)充分考慮到用戶對購物車的增刪改查等，具備一定的擴充能力。4. 總體設(shè)計4.1 總體設(shè)計重要性 總體設(shè)計又稱為概要設(shè)計或初步設(shè)計。通過這個階段的工作將劃分出組成系統(tǒng)的物理元素程序、文件、數(shù)據(jù)庫、人工過程和文檔等等，但是每個物理元素仍然處于黑盒子級，這些黑盒子里的具體內(nèi)容將在以后仔細設(shè)計?？傮w設(shè)計階段的另一項重要任務(wù)是設(shè)計軟件的結(jié)構(gòu)，也就是要確定系統(tǒng)中每個
26、程序是由哪些模塊組成的，以及這些模塊相互間的關(guān)系。可以在全局高度上進行總體設(shè)計，花較少成本，多種可能的系統(tǒng)實現(xiàn)方案和軟件結(jié)構(gòu)要在較抽象的層次上進行分析和對比，從中選出最佳方案和最合理的軟件結(jié)構(gòu)，從而用較低成本開發(fā)出較高質(zhì)量的軟件系統(tǒng)。4.2 系統(tǒng)架構(gòu)本系統(tǒng)的架構(gòu)主要是Android客戶端通過網(wǎng)絡(luò)通信訪問后臺服務(wù)，后臺采用JDBC訪問數(shù)據(jù)庫。用戶在Android手機客戶端進行操作如購物，發(fā)送訂單等與后臺數(shù)據(jù)庫進行交互時，首先通過移動通信網(wǎng)絡(luò)，采用HTTP協(xié)議把數(shù)據(jù)傳入后臺服務(wù)器中。后臺服務(wù)器通過對數(shù)據(jù)庫的增、刪、改、查操作。數(shù)據(jù)庫，將數(shù)據(jù)顯示給后臺服務(wù)器。后臺服務(wù)器取得數(shù)據(jù)后，將數(shù)據(jù)通過移動無線
27、網(wǎng)絡(luò)，采用Http協(xié)議返回給客戶端，完成用戶的操作。架構(gòu)圖如表4.1所示：表4.1 系統(tǒng)架構(gòu)數(shù)據(jù)庫后臺服務(wù)Android客戶端4.3 系統(tǒng)流程在本Android商城系統(tǒng)中，系統(tǒng)流程是這樣的：首先用戶進入系統(tǒng)后，需要用戶進行登錄或者可以先逛逛本系統(tǒng)，然后需要購買的時候再注冊登錄。用戶登錄后，便進入商品的瀏覽界面。用戶可以瀏覽到商品的圖片，價格，以及簡單描述等信息。也可以點擊查看詳情，可以對查單進行一個比較全面的了解。用戶可以根據(jù)自己的喜好?？梢酝ㄟ^價格分類，進行商品的查詢。如果是沒有注冊過賬戶的話需要用戶進行注冊并登錄后才能購買商品，注冊頁面只需要填寫用戶的用戶名、密碼等相關(guān)信息就可以完成注冊。
28、本系統(tǒng)的流程圖如圖4.2所示： 圖4.2 系統(tǒng)流程5. 詳細設(shè)計5.1 資源規(guī)劃資源規(guī)劃的定義一是指確定開展項目活動需要何種資源(人力、設(shè)備、材料、資金)以及所需數(shù)量的規(guī)劃。百度百科中還有一個定義是根據(jù)可持續(xù)發(fā)展的原則，對資源的開發(fā)利用與保護方案，作出比選與安排的活動過程。資源規(guī)劃是系統(tǒng)資源建設(shè)與開發(fā)利用的基礎(chǔ)和關(guān)鍵。當前 ,程序員對開發(fā)系統(tǒng)資源建設(shè)與開發(fā)利用的重要性已有充分的認識 ,并做了大量的工作 ,但對系統(tǒng)資源規(guī)劃的重要性重視不夠。為了更有效地利用系統(tǒng)資源 ,必須重視和加強對系統(tǒng)資源的規(guī)劃。這個商城系統(tǒng)的主要功能可以分為二大類：一是Activity界面的展示設(shè)計；二是通過網(wǎng)絡(luò)訪問服務(wù)器數(shù)
29、據(jù)。Activity界面的展示設(shè)計是通過設(shè)置各個界面對應(yīng)的xml文件來實現(xiàn)的。而網(wǎng)絡(luò)訪問服務(wù)器數(shù)據(jù)，則采用http通訊協(xié)議，請求結(jié)果以拼接字符串的方式返回，在客戶端通過截取字符串獲得返回數(shù)據(jù)。5.2 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫技術(shù)是信息資源管理最有效的手段。數(shù)據(jù)庫設(shè)計(Database Design)是指對于一個給定的應(yīng)用環(huán)境，構(gòu)造最優(yōu)的數(shù)據(jù)庫模式，建立數(shù)據(jù)庫及其應(yīng)用系統(tǒng)，使之能夠有效地存儲數(shù)據(jù)，滿足各種用戶的應(yīng)用需求（信息要求和處理要求）。本系統(tǒng)服務(wù)端采用MySQL數(shù)據(jù)庫，在該系統(tǒng)中一共有很多張表，部分表單介紹如下：表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 界面設(shè)計
33、界面設(shè)計是非常重要的，因為產(chǎn)品是給客戶用的而客戶第一次接觸第一眼看到的就是這個產(chǎn)品是什么樣子的。如果一個產(chǎn)品你說功能上有多好，多強大而界面上卻很糟糕，給用戶的感覺非常不好，估計用戶就沒心情再看下去了。所以我們要給用戶一個好的體驗，讓用戶第一感覺也覺得是非常不錯的。界面與用戶的交互也是非常友好的，用戶才會繼續(xù)關(guān)注和使用。美總是給人一種愉快的心情，所以每個產(chǎn)品都必須把界面做好，并且能夠通過一種交互的形式告訴用戶怎么使用。登錄界面：采用對話框的形式，用戶輸入正確的用戶名和密碼就可以進入。并且對用戶名和密碼進行了為空的驗證。登錄界面如圖5.1所示： 圖5.1 用戶登錄界面選擇商品列表界面：采用對話框的
34、形式，進入系統(tǒng)，首先要選擇一個想要查看的商品類別列表。其界面如圖如圖5.2所示： 圖5.2 商品列表界面選擇好商品類別后，進入商品列表界面，選擇好喜歡的商品。其界面如圖5.3所示：圖5.3 商品選擇界面購物車界面：采用對話框的形式，選擇好相應(yīng)的商品，點擊確定添加到購物車。其界面如圖5.4所示：圖5.3 購物車訂單界面我的訂單界面。在購物車界面完成購物，點擊提交訂單按鈕后，點擊【我的訂單】按鈕進入我的訂單界面更新菜單界面如圖5.5所示： 圖5.3 我的訂單界面6. 功能實現(xiàn)6.1 用戶注冊功能實現(xiàn)注冊實現(xiàn)了用戶注冊用戶登錄功能，用戶注冊模塊用來收集用戶的個人信息包括用戶名、密碼、郵箱地址等信息。
35、我們需要收集哪些用戶信息就可以在注冊頁面添加對應(yīng)的Input輸入框，在數(shù)據(jù)庫中增加與之相對應(yīng)的字段信息，最后再信息處理頁面增加相應(yīng)的寫入數(shù)據(jù)庫字段就可以了。用戶注冊頁面實現(xiàn)首先是在注冊頁面添加一個注冊表單，定義若干個文本包括用戶名、密碼等。實現(xiàn)代碼如下：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 用戶登錄功能實現(xiàn)這里通過request.getParameter()方法獲取請求參數(shù)，調(diào)用商品信息查詢方法，依據(jù)數(shù)據(jù)庫查詢結(jié)果返回評價信息，實現(xiàn)代碼如下：$(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 商品查詢功能實現(xiàn)實現(xiàn)代碼如下：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 購物車管理功能實現(xiàn)function addToCar() var str = localStoragegouwuche; var list = ; if(str) list = JSON.parse(str); list.push(focusobj); localStoragegouwuche = JSON.stringify(list); showLoader(已經(jīng)添加到購物車!,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)
基于Android技術(shù)的網(wǎng)上商城系統(tǒng)的設(shè)計與實現(xiàn) ——畢業(yè)論文
