《基于H5仿淘寶購物系統(tǒng)設(shè)計與實現(xiàn)》8400字（論文）

基于H5仿淘寶購物系統(tǒng)設(shè)計與實現(xiàn)摘要近年來科技飛速發(fā)展，人類的社會也在不斷進步，人們對信息科學(xué)有了全新的認(rèn)識。而人們對信息科學(xué)的態(tài)度也更加的理性，人們開始逐漸意識到信息管理的重要性。信息管理能夠進一步提高信息存儲的速度，也能提升管理的整體效率。近年來電子商務(wù)飛速發(fā)展，淘寶等網(wǎng)站的發(fā)展規(guī)模迅速擴大，功能逐漸完善。本文在這樣的背景下開發(fā)了一款H5淘寶模擬采購系統(tǒng)，并開展背景研究和意義分析。本文對系統(tǒng)的設(shè)計目標(biāo)進行討論，詳細(xì)的制定了總體的設(shè)計方案，并闡述了系統(tǒng)設(shè)計和實現(xiàn)的過程，最后開展系統(tǒng)的單元測試。本文結(jié)合設(shè)計的需求選擇的是Java語言進行開發(fā)，本文開發(fā)了一款H5模擬淘寶購物系統(tǒng)。該系統(tǒng)的角色主要分為用戶和管理員，用戶能夠進行下列操作：能查看商品信息、查看購物車的商品列表、能實現(xiàn)用戶個人基本信息的管理、訂單管理，能進入到個人中心進行操作。管理員的功能如下：管理員能夠?qū)τ脩簟⑸唐?、商品類型、采購信息等進行統(tǒng)一管理。本文在進行系統(tǒng)設(shè)計時采用了B/S的架構(gòu)，且利用了Java語言進行編碼，結(jié)合MySQL數(shù)據(jù)庫實現(xiàn)信息存儲。關(guān)鍵詞：基于H5的淘寶仿購系統(tǒng)；Java技術(shù)；Mysql數(shù)據(jù)庫；B/S結(jié)構(gòu)目錄1概述 系統(tǒng)分析在進行系統(tǒng)開發(fā)之前必須進行系統(tǒng)分析。開發(fā)者通過和目標(biāo)群體的溝通，能用規(guī)范化的形式書寫需求，需求分析對程序的開發(fā)具有非常重要的作用，尤其是程序開發(fā)的早期，許多公司都非常重視需求分析，例如：IBM在進行BT開發(fā)時，由于系統(tǒng)的需求完全不清晰，則開發(fā)的時間推遲了半年左右，這導(dǎo)致IBM蒙受了巨大的損失。我國許多軟件公司在進行系統(tǒng)開發(fā)之前由于不重視系統(tǒng)分析也會出現(xiàn)上述問題。在進行系統(tǒng)分析時必須和客戶深度溝通，了解客戶的需求，并將客戶的需求直接反饋成功能，此外還需要對這些功能進行適時的刪減，如果將所有的功能都寫入系統(tǒng)則會使系統(tǒng)的功能過于冗雜。3.1可行性分析本文對H5仿淘寶購物系統(tǒng)開發(fā)的目標(biāo)是實現(xiàn)信息管理，在設(shè)定目標(biāo)后，本文從下面幾個方面開展可行性的分析。3.1.1技術(shù)可行性本文利用Java技術(shù)，結(jié)合B/S架構(gòu)，采用MySQL數(shù)據(jù)庫進行系統(tǒng)的開發(fā)和管理。程序的功能較為全面和完整。由于所學(xué)的知識都是課堂中學(xué)習(xí)的，本次系統(tǒng)為畢業(yè)設(shè)計，因此從技術(shù)上來說具有開發(fā)的可行性。3.1.2操作可行性本文利用Java語言，結(jié)合B/S架構(gòu)進行開發(fā)，通過對公共界面窗口的連接實現(xiàn)了和用戶的良好互動，此外本文設(shè)計的系統(tǒng)操作較為簡單，易于上手，因此就操作性而言具有可行性。3.1.3經(jīng)濟可行性本文開發(fā)的系統(tǒng)利用的是B/S的架構(gòu)，結(jié)合數(shù)據(jù)存儲的要求選擇的是MySQL數(shù)據(jù)庫，而開發(fā)的語言是Java語言，上述技術(shù)大部分都是開源且免費的，本文開發(fā)系統(tǒng)時選擇的開發(fā)工具也是免費的，因此從經(jīng)濟上而言具有開發(fā)的可行性。3.1.4法律可行性本文開發(fā)的系統(tǒng)是畢業(yè)設(shè)計，因此不涉及任何法律的違規(guī)行為。本文在進行系統(tǒng)開發(fā)和設(shè)置過程中，也沒有存在任何違法的行為，因此就法律而言具有可行性。通過上文分析可以發(fā)現(xiàn)本文開發(fā)的H5仿淘寶購物系統(tǒng)在經(jīng)濟、操作、法律等方面具有可行性。3.2系統(tǒng)流程分析3.2.1系統(tǒng)開發(fā)流程 在本文針對此系統(tǒng)開展開發(fā)之前，首先完成了需求的全面分析，之后對系統(tǒng)做好全面的規(guī)劃。設(shè)計了該系統(tǒng)中相應(yīng)的功能，同時完成數(shù)據(jù)庫選擇，整體的開發(fā)流程可以參考下圖總結(jié)所示。圖3-1系統(tǒng)開發(fā)流程圖3.2.2用戶登錄流程為了讓該系統(tǒng)的安全性得到進一步保障，對此在使用該系統(tǒng)開展信息管理的過程中，用戶必須要登錄到系統(tǒng)，具體登錄過程如下圖所示。圖3-2登錄流程圖3.2.3系統(tǒng)操作流程在操作環(huán)節(jié)用戶首先需要登錄，登錄過程中系統(tǒng)會自動驗證用戶輸入的用戶名以及密碼信息，接下來會自動開展這部分信息的識別，若信息正確則可以實現(xiàn)接下來的操作，反之則不能登錄，詳細(xì)的流程參考下圖所示。圖3-3系統(tǒng)操作流程圖3.2.4添加信息流程管理員能夠在系統(tǒng)中添加產(chǎn)品等相關(guān)信息，也可以由用戶自行對這部分信息進行添加，詳細(xì)的添加信息流程可以參考下圖總結(jié)所示。圖3-4添加信息流程圖3.2.5修改信息流程交易信息可以由管理員進行修改，同時也可以由用戶自行進行修改，具體的信息修改流程可以參考下圖總結(jié)所示。圖3-5修改信息流程圖3.2.6刪除信息流程管理員能夠?qū)τ唵涡畔⑦M行刪除操作，在操作過程中具體流程可以參考下圖。圖3-6刪除信息流程圖3.3系統(tǒng)用例分析3.3.1管理員用例圖在本系統(tǒng)中最核心的用戶則為管理員，管理員可以起到系統(tǒng)的維護和更新等諸多作用。它的核心功能主要包括信用管理、訂單管理、信息管理等，其詳細(xì)的用例圖分析如下圖所示。圖3-7管理員用例圖3.3.2用戶用例圖詳細(xì)的設(shè)計參考下圖所示：圖3-8用戶用例圖

4系統(tǒng)設(shè)計4.1系統(tǒng)概述在針對此系統(tǒng)需求開展需求分析之后，接下來需要完成系統(tǒng)設(shè)計，在設(shè)計過程中具體的內(nèi)容包括文檔的設(shè)計、數(shù)據(jù)設(shè)計等各個方面，接下來可以將該系統(tǒng)劃分為多個模塊，這部分只是開展初步分類，并未確切實現(xiàn)。接下來在設(shè)計過程中也要予以充分比對，從多個項目計劃中選擇具有較高性價比同時效益顯著的方案，讓開發(fā)效益進一步提升，這樣的設(shè)計才更為重要，本次設(shè)計過程中得出的具體系統(tǒng)運作原理可參考是4-1該圖總結(jié)所示，圖4-1系統(tǒng)工作原理圖4.2系統(tǒng)結(jié)構(gòu)設(shè)計架構(gòu)設(shè)計是系統(tǒng)設(shè)計中的核心部分。同時系統(tǒng)架構(gòu)也進一步?jīng)Q定該系統(tǒng)的模型，這是一個系統(tǒng)的基礎(chǔ)部分，所在本次設(shè)計的整體系統(tǒng)結(jié)構(gòu)可以參考下圖所示。圖4-2系統(tǒng)結(jié)構(gòu)圖4.3數(shù)據(jù)庫設(shè)計在系統(tǒng)設(shè)計過程中，核心的部分是數(shù)據(jù)庫設(shè)計，數(shù)據(jù)庫的設(shè)計會對整個系統(tǒng)運行的速度以及系統(tǒng)質(zhì)量起著關(guān)鍵決定作用。4.3.1數(shù)據(jù)庫設(shè)計原則數(shù)據(jù)庫的概念設(shè)計需要建立在系統(tǒng)需求分析基礎(chǔ)上開展設(shè)計，此類設(shè)計需要以數(shù)據(jù)模型為基礎(chǔ)，針對數(shù)據(jù)和流程相互之間的關(guān)系予以充分描述，同時可以幫助該系統(tǒng)對用戶信息進行綜合管理。除此之外還需要創(chuàng)建E-R關(guān)系圖對各部分單元進行表示，展示參與實體以及屬性等各項信息。4.3.2數(shù)據(jù)庫實體而系統(tǒng)設(shè)計的E-R關(guān)系圖各個部分詳細(xì)說明如下。1。下圖展示的就是商品實體圖。圖4-3商品類型實體圖2、設(shè)計的商品信息實體圖詳細(xì)可以參考下圖。圖4-4商品信息實體圖3、設(shè)計得到的管理員實體圖可以參考下圖所示。圖4-5打卡實體圖4.3.3數(shù)據(jù)庫表設(shè)計數(shù)據(jù)庫是設(shè)計過程的一個關(guān)鍵部分，接下來則針對其中各個表格詳細(xì)信息進行介紹。表4-1admin管理員信息表字段名idusernamepwdaddtime數(shù)據(jù)類型int(10)varchar(50)varchar(50)timestamp默認(rèn)值允許非空NONONONO自動遞增是備注帳號密碼添加時間表4-2shangpinxinxi商品信息表字段名idshangpinbianhaoshangpinmingchengshangpinleixingjianjieshangpintupianguigeshengchandizhi數(shù)據(jù)類型int(10)varchar(200)varchar(200)varchar(200)varchar(200)varchar(200)varchar(200)varchar(200)默認(rèn)值允許非空NONONONONONONONO自動遞增是備注商品編號商品名稱商品類型簡介商品圖片規(guī)格生產(chǎn)地址表4-3shangpinleixing商品類型信息表字段名idleixingaddtime數(shù)據(jù)類型int(10)int(10)timestamp默認(rèn)值允許非空NONONO自動遞增是備注類型添加時間5系統(tǒng)界面實現(xiàn)5.1登錄在本次設(shè)計的該系統(tǒng)中提供了登錄這一功能，此功能可以進一步提升系統(tǒng)的安全性，在登錄過程中用戶需要輸入賬戶名和密碼，接下來數(shù)據(jù)庫會自行校驗這一信息，成功登錄后系統(tǒng)也會給出用戶相關(guān)請示，詳細(xì)設(shè)計的網(wǎng)頁界面如下圖。

圖5-1登錄界面5.2管理員功能模塊5.2.1個人中心管理員能夠管理相關(guān)個人信息，其中具體的設(shè)計可以參考下圖所示。圖5-2個人中心界面圖5.2.2商品信息管理商品信息管理的實現(xiàn)界面詳細(xì)可以參考下圖所示。圖5-3商品信息管理界面5.2.3商品類型管理管理員可以對商品的類型進行充分管理，對應(yīng)的管理界面設(shè)計如下圖。圖5-4商品類型管理界面5.2.4用戶管理管理員可以管理用戶信息，詳細(xì)設(shè)計的界面如下圖所示。圖5-5用戶管理界面5.2.5系統(tǒng)管理管理員能夠在系統(tǒng)當(dāng)中進行相應(yīng)信息開展操作，在系統(tǒng)管理界面方面本文的設(shè)計效果可以參考下圖。圖5-6系統(tǒng)管理界面5.2.6訂單管理訂單管理對應(yīng)界面的設(shè)計具體可以參考下圖所示。圖5-7訂單管理界面5.3用戶功能模塊5.3.1首頁用戶在進入網(wǎng)站首頁后可以展示各項操作功能，詳細(xì)的設(shè)計界面如下圖所示。圖5-8前臺界面圖5.3.2用戶注冊用戶將個人信息添加，之后即可點擊注冊按鈕，從而就可以成為該網(wǎng)站會員。詳細(xì)的注冊界面可以參考下圖所示。圖5-9用戶注冊界面5.3.3用戶中心在本次設(shè)計過程中設(shè)計的用戶中心界面如下圖所示。圖5-10用戶中心界面

6系統(tǒng)測試在系統(tǒng)完成開發(fā)之后，最后一個步驟就是針對該系統(tǒng)開展測試，系統(tǒng)測試也是系統(tǒng)中的重要構(gòu)成，測試質(zhì)量的好壞也直接決定了后期產(chǎn)品的發(fā)展?？蛻魧浖阅?、質(zhì)量等幾個方面以提出較高要求，而這部分要求也需要通過特定的測試才能實現(xiàn)，測試環(huán)節(jié)也要遵從特定的原則，測試核心目標(biāo)是為了將系統(tǒng)中的漏洞發(fā)現(xiàn)并進行調(diào)試，直到該系統(tǒng)能夠正常運作，理論上BUG不能被完全消除，但如果盡量減少bug就可以讓系統(tǒng)出錯可能性盡量降低，用戶使用也會更加安全。最近幾年，軟件的測試也取得全面發(fā)展，系統(tǒng)已達到預(yù)期的目標(biāo)，測試過程會產(chǎn)生諸多問題，測試需要針對系統(tǒng)中存在的錯誤進行糾正，同時還可以及時將問題發(fā)現(xiàn)，后期想要改進會比較困難，每一個程序都會包含特定的錯誤或者缺陷，程序開發(fā)前想要通過人為方式對錯誤進行挖掘也有一定困難，為此必須要通過特定的測試工具。6.1系統(tǒng)測試的意義當(dāng)前信息技術(shù)發(fā)展較快，網(wǎng)絡(luò)技術(shù)在社會中的各個領(lǐng)域也得到了全面的應(yīng)用，同時人們也將軟件質(zhì)量作為核心關(guān)注要點，軟件自身質(zhì)量的好壞決定了該軟件在市場上表現(xiàn)。針對于用戶而言，他們往往更加關(guān)注的是軟件質(zhì)量問題，軟件質(zhì)量同樣也決定了后期用戶使用成本，詳細(xì)的信息糾錯流程可以參考下圖所示。測試測試評價糾錯系統(tǒng)測試數(shù)據(jù)測試結(jié)果錯誤信息改正信息期望結(jié)果圖6-1測試與糾錯信息流程6.2測試方法在測試過程中常用的方法主要包括黑盒以及白盒測試兩類方法，此方法也被稱之為功能測試法。該方法需要在特定的程序接口上開展相應(yīng)測試，測試需要充分結(jié)合程序功能以及使用方法，針對數(shù)據(jù)方面開展相應(yīng)處理，要保證系統(tǒng)能夠輸出特定信息，同時也要讓該系統(tǒng)信息更為完整。白盒測試往往也會稱之為結(jié)構(gòu)測試，在整個程序結(jié)構(gòu)以及處理環(huán)節(jié)中它主要是由驗證程序以及邏輯測試執(zhí)行，其核心功能主要包括安全性、準(zhǔn)確性和適用性等諸多方面開展全面測試。（1）用戶登錄測試：表6-2登錄測試用例表測試編號UC-TEST-002測試名稱注冊測試測試前提用戶需要將首頁打開但是不需要進行登錄操作，序號詳細(xì)操作說明錄入數(shù)據(jù)的類容預(yù)測結(jié)果1首先對登錄開按鈕進行點擊操作，無不需要錄入任何數(shù)據(jù)。系統(tǒng)會成功跳轉(zhuǎn)到登錄界面中。續(xù)表5-22在彈出來的頁面中將用戶名以及驗證碼兩項信息進行填寫，但不填寫密碼信息，之后再次點擊登錄按鈕，填寫的信息當(dāng)中不包括密碼。系統(tǒng)會提示讓用戶輸入正確的用戶名及密碼信息。3在彈出來的頁面中將密碼以及驗證碼兩項信息進行填寫，但不填寫用戶名信息，之后再次點擊登錄按鈕。沒有填寫用戶名信息，其他都填寫。 系統(tǒng)會提示讓用戶輸入正確的用戶名及密碼信息，。4在彈出來的頁面中，將用戶名以及密碼兩項信息進行填寫，但不填寫驗證碼信息，之后再次點擊登錄按鈕。除了驗證碼之外，其他都填寫。系統(tǒng)會提示讓用戶輸入正確的驗證碼。5在信息填寫過程中錄入的用戶名以及密碼信息不正確，同時驗證碼并不存在，信息都填寫的，故意填寫錯誤的用戶名以及密碼信息。系統(tǒng)會提示讓用戶核對用戶名或者密碼信息。6將驗證碼用戶名密碼等各項信息進行填寫，同時信息自身是正確的。所有信息都填寫。成功登錄。備注無實際結(jié)果成功測試人（2）訂單管理測試：表6-3訂單管理測試用例表測試編號UC-TEST-003測試名稱訂單管理測試前提用戶已登錄到系統(tǒng)中，同時該名用戶中已經(jīng)存在相關(guān)的訂單信息，并且進入首頁界面，序號詳細(xì)操作說明錄入數(shù)據(jù)的類容預(yù)測結(jié)果1點擊訂單詳情按鈕，無需錄入任何數(shù)據(jù)進入訂單管理的詳情頁面中，2點擊查看，無需錄入任何數(shù)據(jù)訂單閱讀頁面?zhèn)渥⒃谟脩魶]有登錄的前提下自動會讓用戶進行登錄，實際結(jié)果成功測試人6.3測試結(jié)論本次設(shè)計的該網(wǎng)站充分結(jié)合各項需求，同時充分借鑒當(dāng)前國內(nèi)外在網(wǎng)站設(shè)計方面的相應(yīng)優(yōu)勢，系統(tǒng)核心優(yōu)勢如下所示：(1)該系統(tǒng)具有較高的適用性以及可移植性，能夠更好的提供服務(wù)，同時能夠在多個平臺上運作，可以方便用戶的使用。(2)本次開發(fā)的該系統(tǒng)內(nèi)容完善、功能齊全而且操作比較方便，能夠?qū)Ω鞣N異常狀況進行有效處理，讓用戶使用更加方便，同時界面設(shè)計比較友好，懂得上網(wǎng)操作的人都能很好的使用此系統(tǒng)。借助于以上對測試結(jié)果的全面分析表明，此系統(tǒng)功能較為齊全，而且在操作方面比較簡單，系統(tǒng)具有良好的性能、安全性較高，該系統(tǒng)未來有廣闊的發(fā)展空間結(jié)論本次充分運用了Java技術(shù)以及SQL該類數(shù)據(jù)庫對系統(tǒng)在軟件和硬件兩個不同層面分別開展了分析，通過全面研究最終得出以下的結(jié)果：首先，完成了系統(tǒng)的開發(fā)并對網(wǎng)站進行了響應(yīng)顯示H5仿制淘寶購物系統(tǒng)的研究與實施，讓我覺得學(xué)習(xí)是沒有止境的。體驗對于系統(tǒng)的開發(fā)是非常重要的，缺乏體驗必然會導(dǎo)致粗心大意，系統(tǒng)的界面必須美觀大方，而且在功能方面也要盡量完善，這樣才能夠?qū)τ脩羝鸬搅己玫奈饔?。在這次開發(fā)之前并未深入進行相關(guān)技術(shù)的應(yīng)用，相關(guān)知識不夠全面，但是通過在網(wǎng)上搜索相關(guān)信息，在老師同學(xué)的幫助下，我終于解決了，我不僅學(xué)到了很多知識，同時我也意識到，雖然大部分書本中的知識有一定價值，但是由于編程設(shè)計過程中采用的思想和方法有很大差異，為此必須要進一步通過實踐使問題可以更好地找到解決方法，在這次畢業(yè)設(shè)計過后我也不斷累積個人的經(jīng)驗，這對我未來的工作也有諸多幫助。通過本次對H5仿淘寶購物系統(tǒng)的全面開發(fā)，也讓我對系統(tǒng)的各種開發(fā)技術(shù)有了深入的了解，另外也掌握了系統(tǒng)常用的開發(fā)模式，但是本次開發(fā)的系統(tǒng)中依舊還有較多不足點，未來還有的進一步改進空間。在實際的驗證之后表明，本次設(shè)計的該系統(tǒng)具有良好的應(yīng)用前景，另外通過試運營之后發(fā)現(xiàn)系統(tǒng)功能完善，界面美觀，使用方便，技術(shù)和理論成熟。參考文獻張繼東.Mysql數(shù)據(jù)庫基于java的訪問技術(shù)[J/OL].電子技術(shù)與軟件工程，2017,（15）：169（2017-08-03）.李春燕，李根.基于java技術(shù)的網(wǎng)絡(luò)信息基于h5仿淘寶購物系統(tǒng)平臺設(shè)計[J/OL].電子技術(shù)與軟件工程，2017,（20）：9（2017-10-26）.[3]王浩.基于java技術(shù)的在線技能評測系統(tǒng)的設(shè)計與實現(xiàn)[J].數(shù)字技術(shù)與應(yīng)用，2016,（12）：171-172.[4]王金龍，張靜.基于java+Mysql的高校慕課（MOOC）基于h5仿淘寶購物系統(tǒng)設(shè)計[J].通訊世界，2017,（20）：276-277.[5]潘國榮.基于java+JavaBean+Servlet實現(xiàn)模式的增刪改模塊的設(shè)計與實現(xiàn)[J].信息通信，2017,（08）：101-103.[6]葛建霞.《java動態(tài)網(wǎng)頁設(shè)計》課程中項目法的應(yīng)用研究[J].宿州教育學(xué)院學(xué)報，2017,20（04）：1