基于移動(dòng)終端技術(shù)的購物系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要隨著移動(dòng)終端設(shè)備在人民群眾間的不斷普及，帶動(dòng)了無線通訊技術(shù)以及終端通訊技術(shù)的不斷進(jìn)步。網(wǎng)絡(luò)響應(yīng)速度愈加迅速，移動(dòng)支付更為快捷，基于電腦平臺(tái)的購物系統(tǒng)可以讓人們足不出戶享受購物的樂趣，而基于手機(jī)端的在線購物則能使大眾隨時(shí)隨地選購自己喜歡的商品，移動(dòng)購物已然成為大眾購物的首要之選。對(duì)于企業(yè)來說，移動(dòng)端購物的快速增長，帶來了新的機(jī)遇與挑戰(zhàn)，設(shè)計(jì)好移動(dòng)端業(yè)務(wù)，對(duì)移動(dòng)端購物體驗(yàn)進(jìn)行不斷完善與優(yōu)化，這樣才能在未來市場中得到更好的發(fā)展。本文根據(jù)現(xiàn)有移動(dòng)端在線購物商城和用戶購物習(xí)慣，進(jìn)行需求分析。在線購物系統(tǒng)主要功能分為：前臺(tái)客戶端和后臺(tái)服務(wù)端。前臺(tái)客戶端主要功能模塊有：注冊(cè)登錄、用戶瀏覽、購物車管理、訂單管理和后臺(tái)服務(wù)端功能模塊有：管理員登錄、商品管理、訂單管理。根據(jù)功能模塊需求對(duì)系統(tǒng)進(jìn)行了數(shù)據(jù)庫的概念設(shè)計(jì)、邏輯設(shè)計(jì)、物理設(shè)計(jì)。系統(tǒng)選用混合開發(fā)模式，用FLUTTER框架實(shí)現(xiàn)部分功能模塊。關(guān)鍵詞：移動(dòng)購物、電子商務(wù)、在線購物目錄1緒論 11.1研究背景 11.2國內(nèi)現(xiàn)狀 11.3目的及意義 42需求分析 52.1功能需求分析 53系統(tǒng)設(shè)計(jì) 83.1系統(tǒng)功能設(shè)計(jì) 83.2數(shù)據(jù)庫設(shè)計(jì) 93.2.1數(shù)據(jù)庫概念設(shè)計(jì) 93.2.2數(shù)據(jù)庫邏輯設(shè)計(jì) 103.2.3數(shù)據(jù)庫物理設(shè)計(jì) 114系統(tǒng)實(shí)現(xiàn) 144.1開發(fā)工具 144.2系統(tǒng)實(shí)現(xiàn) 144.2.1相關(guān)技術(shù) 144.2.2系統(tǒng)實(shí)現(xiàn) 174.3軟件測試 244.3.1功能測試 244.3.2平臺(tái)適配性測試 25結(jié)論 26參考文獻(xiàn) 281緒論近年來，伴隨著我國國民經(jīng)濟(jì)的快速發(fā)展以及國民經(jīng)濟(jì)和社會(huì)發(fā)展信息化的不斷進(jìn)步，在線購物已經(jīng)成為中國消費(fèi)者的一種消費(fèi)習(xí)慣，也是網(wǎng)民常態(tài)化的購物方式。1.1研究背景隨著移動(dòng)終端設(shè)備在人民群眾間的不斷普及，帶動(dòng)了無線通訊技術(shù)以及終端通訊技術(shù)的不斷進(jìn)步。同時(shí)，隨著終端通訊技術(shù)與傳統(tǒng)互聯(lián)網(wǎng)技術(shù)的不斷融合與發(fā)展，阻礙移動(dòng)信息化進(jìn)程發(fā)展的最大問題寬帶問題得以解決，從而，IT移動(dòng)信息化產(chǎn)業(yè)得以蓬勃發(fā)展。在經(jīng)濟(jì)不斷發(fā)展的今天，傳統(tǒng)的生活模式已經(jīng)不能滿足現(xiàn)代人的日常需求，移動(dòng)信息化產(chǎn)業(yè)作為時(shí)代發(fā)展的一大標(biāo)志性產(chǎn)物，正在逐漸的成為人們生活中不可或缺的一部分。人們通過移動(dòng)終端設(shè)備，可以隨時(shí)隨地的接入互聯(lián)網(wǎng)，完成以往只能在終端PC上才能完成的事情。當(dāng)代年輕人越來越離不開平板、手機(jī)等移動(dòng)設(shè)備，隨著移動(dòng)設(shè)備功能日趨強(qiáng)大，網(wǎng)絡(luò)響應(yīng)速度愈加迅速，移動(dòng)支付更為快捷，移動(dòng)購物已然成為大眾購物的首要之選。如今，手機(jī)移動(dòng)端購物相對(duì)PC購物方式來說更加的簡單、快捷、操作方便，人們不被限制在電腦前購物，也不用刻意的找時(shí)間去上網(wǎng)購買商品，不需要在固定的客服上線時(shí)間咨詢產(chǎn)品信息。只要擁有一款智能手機(jī)，就可以隨時(shí)隨地的查看商品，這很大程度上來說大大的增加了購物的效率。1.2國內(nèi)現(xiàn)狀目前國內(nèi)的電商平臺(tái)眾多，有綜合商品類的天貓、京東、拼多多、當(dāng)當(dāng)、美團(tuán)、蘇寧易購等,還有各大品牌自己的手機(jī)商城,品牌類商城如華為商城、小米商城等，生活服務(wù)類的有物美的多點(diǎn)，永輝的永輝生活、盒馬先生等等，各大網(wǎng)站都有自己對(duì)應(yīng)的手機(jī)客戶端，他們抓住手機(jī)網(wǎng)上購物的消費(fèi)者，從而更好的提高自己的市場占有率。移動(dòng)電話用戶的數(shù)量已經(jīng)超過了世界上一些國家互聯(lián)網(wǎng)的連接數(shù)量。智能手機(jī)現(xiàn)在正在成為連接互聯(lián)網(wǎng)和訪問互聯(lián)網(wǎng)服務(wù)的主要手段。根據(jù)從國家工信部收集得到的數(shù)據(jù)，2018年我國手機(jī)用戶數(shù)量增量為1.49億部，截至2018年12月底，我國智能手機(jī)用戶數(shù)量達(dá)到15.7億部，人均手機(jī)數(shù)量超過1部。2013年以來中國移動(dòng)購物市場規(guī)?？焖侔l(fā)展，隨著我國智能手機(jī)技術(shù)的快速發(fā)展，加之5G技術(shù)的加快普及，伴隨著國家逐漸完善電子商務(wù)行業(yè)相關(guān)法律法規(guī)，推動(dòng)著中國電子商務(wù)的發(fā)展，截至2019年，中國移動(dòng)購物市場規(guī)模達(dá)到67659.5億元，手機(jī)網(wǎng)絡(luò)購物用戶達(dá)到7.06億人。2020年，移動(dòng)端購物者占比達(dá)到69.31%[1]。圖1.SEQ圖3.\*ARABIC12021-2019年中國移動(dòng)電商用戶規(guī)模圖1.22013-2019年中國移動(dòng)電商交易規(guī)模移動(dòng)終端即移動(dòng)通信終端，是指可以在移動(dòng)中使用的計(jì)算機(jī)設(shè)備，其移動(dòng)性主要體現(xiàn)在移動(dòng)通信能力和便攜化體積。廣義上講包括手機(jī)、筆記本、POS機(jī)甚至包括車載電腦。但是大部分情況下是指手機(jī)或者平板電腦。智能手機(jī)等移動(dòng)終端的存儲(chǔ)、運(yùn)算能力不斷增強(qiáng)，但其顯示、輸入等不如PC靈活，對(duì)操作界面靈活性有強(qiáng)烈的要求。移動(dòng)終端的操作系統(tǒng)比較多，目前流行有Android、iOS等。目前移動(dòng)應(yīng)用程序按開發(fā)模式可分為NativeAPP和HybridAPP、WebAPP三大模式。NativeAPP開發(fā)模式，即原生開發(fā)模式，是一種傳統(tǒng)的開發(fā)模式，在應(yīng)用性能上和交互體驗(yàn)上是最好的，但可移植性差，需要為不同操作系統(tǒng)單獨(dú)開發(fā)獨(dú)立版本，開發(fā)成本大。WebAPP移動(dòng)端是基于Web的系統(tǒng)和應(yīng)用，一切資源從服務(wù)器加載，加載慢相應(yīng)速度慢，但開發(fā)速度快、開發(fā)成本低和跨平臺(tái)性。HybridAPP即混合開發(fā)模式，綜合運(yùn)用原生開發(fā)語言與WebAPP開發(fā)語言，混合開發(fā)模式繼承了原生開發(fā)模式以及WebAPP開發(fā)模式兩者的特性，同時(shí)具有原生開發(fā)模式用戶體驗(yàn)好以及WebAPP開發(fā)模式低成本跨平臺(tái)的優(yōu)點(diǎn)[2]。1.3目的及意義本文是針對(duì)移動(dòng)終端的在線購物系統(tǒng)的設(shè)計(jì)，在客戶端的主頁面的進(jìn)行登入進(jìn)入相應(yīng)的頁面。進(jìn)行商品的查詢和購買等功能，商家和買家在線下，可是對(duì)于線上平臺(tái)相當(dāng)于兩個(gè)端口，一個(gè)管服務(wù)，一個(gè)管客戶。他們通過手機(jī)APP進(jìn)行聯(lián)系，客戶可以給予自己的申請(qǐng)，另一方就會(huì)提供所需的服務(wù)。優(yōu)點(diǎn)在于兩者無需見面，節(jié)省了人力，超越了距離，這樣人們足不出戶就可以買到自己想要的東西，手機(jī)比電腦的靈活性決定它可以在任何地點(diǎn)選擇自己想買的東西。買家也可以買到距離自己很遠(yuǎn)的商店甚至是國外的東西。這樣方便了人們的生活，無論是在下班的路上還是無聊的等車期間，手機(jī)APP都可以幫助你買到你想要的東西[3]。對(duì)于企業(yè)來說，移動(dòng)端購物的快速增長，帶來了新的機(jī)遇與挑戰(zhàn)，設(shè)計(jì)好移動(dòng)端業(yè)務(wù)，對(duì)移動(dòng)端購物體驗(yàn)進(jìn)行不斷完善與優(yōu)化，這樣才能在未來市場中得到更好的發(fā)展。2需求分析需要分析是程序設(shè)計(jì)中關(guān)鍵的一個(gè)步驟，是其它步驟的基礎(chǔ)。主要確定目標(biāo)系統(tǒng)有哪些功能。在這個(gè)步驟里搜集用戶所有的將要開發(fā)的系統(tǒng)的需求信息，并且把這些信息編寫需求說明書[4]。在軟件工程的歷史中，很長時(shí)間里人們一直認(rèn)為在整個(gè)軟件工程中最簡單的一個(gè)步驟就是需求分析，但隨著時(shí)間的推移，越來越多的人認(rèn)識(shí)到，它是整個(gè)過程中非常關(guān)鍵的一步。很多事實(shí)表明，當(dāng)很多失敗的大型應(yīng)用系統(tǒng)在分析原因的時(shí)候，突然會(huì)發(fā)現(xiàn)，一切都是失敗的需求分析導(dǎo)致的：不徹底或者不完善的需求分析，歸結(jié)于需求分析的方法使用不當(dāng)，使得開發(fā)者需要不停地對(duì)需求進(jìn)行分析，也使得設(shè)計(jì)、編碼、測試等環(huán)節(jié)無法順利進(jìn)行下去，客戶和我們配合不好，導(dǎo)致客戶對(duì)需求認(rèn)知不明，客戶不斷變化的需求，同樣無法順利進(jìn)行設(shè)計(jì)、編碼、測試等環(huán)節(jié)。軟件的需求分析是軟件開發(fā)前的第一個(gè)階段，也是關(guān)系到軟件開發(fā)的關(guān)鍵步驟，在整個(gè)軟件開發(fā)的過程環(huán)中，可以說這個(gè)階段所要占用的時(shí)間是相當(dāng)大的。如果需求分析做好了，那么在以后的軟件設(shè)計(jì)過程環(huán)中，可以省去不少的時(shí)間。該階段不是確定系統(tǒng)怎樣的完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也是對(duì)目標(biāo)系統(tǒng)提出完整、正確、清晰、具體的要求。2.1功能需求分析移動(dòng)端在線購物系統(tǒng)主要作用是商家通過該系統(tǒng)來介紹展示銷售商品，用戶利用移動(dòng)設(shè)備通過該系統(tǒng)來瀏覽了解商品,最終下單購買商品。移動(dòng)端的在線購物用戶的整個(gè)過程是：用戶通過移動(dòng)設(shè)備打開系統(tǒng)，通過關(guān)鍵詞搜索或者分類查找想要的商品，查看商品詳情信息，確定是自己要購買的商品后，注冊(cè)登錄，提交訂單，提交結(jié)算、等待收貨。商家主要的事項(xiàng)：管理員登錄后臺(tái)系統(tǒng)，對(duì)商品進(jìn)行上傳管理，訂單處理，會(huì)員管理等。通過分析開發(fā)基于移動(dòng)端的在線購物系統(tǒng)的主要功能分為：客戶端功能和服務(wù)端功能。這兩個(gè)功能分別來源于基于客戶端和后臺(tái)的服務(wù)器端。其主要功能分為：客戶端功能，服務(wù)端功能。客戶端主要是使用系統(tǒng)的用戶群體，他們?cè)谑褂玫臅r(shí)候，需要如下的一些功能來滿足用戶的需求和操作：(1)客戶端注冊(cè)功能首先為每個(gè)用戶設(shè)置了相應(yīng)的登錄賬號(hào)功能，用戶在訪問之前先確定自己對(duì)應(yīng)的基本信息，準(zhǔn)確無誤后進(jìn)行輸入，即可注冊(cè)成功。(2)登陸功能買家要自己在網(wǎng)站所用昵稱及對(duì)應(yīng)的密碼用戶輸入已有用戶名和對(duì)應(yīng)的密碼，選擇登錄功能的按鈕，即可登錄客戶端。(3)搜索商品功能：買家用戶可以通過搜索欄進(jìn)行任意需求商品的搜索，這時(shí)搜索欄也會(huì)保存近日用戶的搜索記錄和搜索的關(guān)鍵詞等。(4)商品瀏覽功能：買家用戶通過商品詳情，就可以查看每個(gè)商品所賦予的詳細(xì)介紹的情況。(5)購物車功能：用戶對(duì)想購買的商品，在可以選擇的欄里進(jìn)行加減的選擇，從而確定付錢產(chǎn)品的多少，用手指存放到shoppingcart里面，則在購物車?yán)锞涂梢圆檎业綄?duì)應(yīng)的商品。(6)訂單功能：當(dāng)用戶可以在自己的用戶中心查看歷史訂單記錄。服務(wù)端的功能主要是管理員進(jìn)行商品維護(hù)、訂單處理等。主要分為以下三個(gè)功能：（1）管理員通過賬號(hào)，登錄后臺(tái)系統(tǒng)，只有登錄狀態(tài)下，才能進(jìn)行后臺(tái)相應(yīng)操作。(2)商品管理功能：管理員可以通過登錄系統(tǒng)，對(duì)商品的信息進(jìn)行管理，如增加新的商品，刪除某些產(chǎn)品，修改完善商品信息，調(diào)整商品狀態(tài)，增加庫存等。主要操作有以下三步：錄入商品相應(yīng)的信息，存儲(chǔ)基本信息和檢測進(jìn)行提交。(3）訂單管理功能：對(duì)訂單做相應(yīng)處理，查詢訂單信息，安排發(fā)貨，后臺(tái)操作出庫改變訂單狀態(tài)等。對(duì)于功能需求,可以通過用例圖來形象直觀的表達(dá)。用例視圖是描述軟件產(chǎn)品外部特性的視圖。用例視圖從用戶的角度而不是開發(fā)者的角度來描述對(duì)軟件產(chǎn)品的需求,分析產(chǎn)品所需的功能和動(dòng)態(tài)行為。因此對(duì)整個(gè)軟件開發(fā)過程而言,用例圖是至關(guān)重要的,它的正確與否直接影響到用戶對(duì)最終產(chǎn)品的滿意程度。根據(jù)以上的功能需求,畫出該系統(tǒng)的用例圖如圖2.1和圖2.2所示。（1）客戶端用戶的用例圖圖2.1用戶用例圖（2）web服務(wù)器端管理員的用例圖圖2.21管理員例圖3系統(tǒng)設(shè)計(jì)需求分析完成后,接著就進(jìn)入系統(tǒng)設(shè)計(jì)階段。系統(tǒng)設(shè)計(jì)的基本目標(biāo)是用比較抽象概括的方式確定目標(biāo)系統(tǒng)如何完成預(yù)定的任務(wù)。軟件設(shè)計(jì)分為概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)。概要設(shè)計(jì)就是描述軟件系統(tǒng)的草圖,即確定系統(tǒng)的物理模型[5]。3.1系統(tǒng)功能設(shè)計(jì)根據(jù)上面需求分析，在線購物系統(tǒng)的總體結(jié)構(gòu)形式進(jìn)行總體上的規(guī)劃,系統(tǒng)分為面向用戶的前臺(tái)客戶端和面向管理的服務(wù)管理端。面向用戶的主要是用戶使用,前臺(tái)客戶端提供的功能有：用戶注冊(cè)登錄、查找自己需要的商品，進(jìn)行在線下單結(jié)算，服務(wù)管理端的功能有：管理員對(duì)商品、訂單管理。用戶和管理員具有不同的功能和權(quán)限。系統(tǒng)功能模塊如圖3.1所示。圖3.1功能模塊圖客戶端的主要使用對(duì)象是普通用戶，功能有用戶登陸、注冊(cè)、商品查詢、購物車管理和訂單管理等；服務(wù)端模塊的操作對(duì)象是管理員，功能有：管理員登陸、商品信息管理以及訂單信息管理。3.2數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫的設(shè)計(jì)是軟件系統(tǒng)開發(fā)和建設(shè)中基礎(chǔ)和核心的部分，良好的數(shù)據(jù)庫設(shè)計(jì)可以讓系統(tǒng)具有更快更好的運(yùn)行速度。目前關(guān)系型數(shù)據(jù)庫是我國中小型系統(tǒng)的主流選擇。關(guān)系型數(shù)據(jù)庫的設(shè)計(jì)要有嚴(yán)格的設(shè)計(jì)規(guī)范，對(duì)軟件系統(tǒng)中的各類數(shù)據(jù)進(jìn)行有效的組織存儲(chǔ)和維護(hù)，為軟件系統(tǒng)運(yùn)行中的數(shù)據(jù)需求提供高效準(zhǔn)確的處理速度。在實(shí)現(xiàn)這個(gè)目標(biāo)的過程中數(shù)據(jù)庫的規(guī)范設(shè)計(jì)就顯得尤為重要，保持?jǐn)?shù)據(jù)存儲(chǔ)的一致性和完整性是提高數(shù)據(jù)存儲(chǔ)和處理效率的重要保障之一。在數(shù)據(jù)庫設(shè)計(jì)時(shí)，不僅需要滿足數(shù)據(jù)庫的設(shè)計(jì)準(zhǔn)則，還需要結(jié)合具體的業(yè)務(wù)知識(shí)分析出系統(tǒng)中的不同實(shí)體之間的關(guān)系，并確定這些實(shí)體之間的關(guān)系類型。3.2.1數(shù)據(jù)庫概念設(shè)計(jì)概念結(jié)構(gòu)設(shè)計(jì)是整個(gè)數(shù)據(jù)庫設(shè)計(jì)的關(guān)鍵,它通過對(duì)用戶需求進(jìn)行綜合、歸納與抽象，形成一個(gè)獨(dú)立于具體DBMS的概念模型。概念設(shè)計(jì)包括實(shí)體和聯(lián)系兩個(gè)組件。聯(lián)系可以分為一對(duì)一，一對(duì)多，多對(duì)多三種聯(lián)系[6]。一對(duì)一聯(lián)系，即實(shí)體與實(shí)體之間是一對(duì)一的關(guān)系，如購物標(biāo)識(shí)與創(chuàng)建日期之間是一對(duì)一的聯(lián)系；一對(duì)多聯(lián)系，即第一個(gè)關(guān)系中的實(shí)體可以對(duì)應(yīng)第二個(gè)關(guān)系中的多個(gè)實(shí)體，但第二個(gè)關(guān)系中的實(shí)體只能對(duì)應(yīng)第一個(gè)關(guān)系中的一個(gè)實(shí)體，如多個(gè)會(huì)員可以同時(shí)登錄購物車，但每個(gè)會(huì)員只能登陸一個(gè)購物車；多對(duì)多聯(lián)系，即多個(gè)實(shí)體可以與多個(gè)實(shí)體對(duì)應(yīng)。從功能需求分析得出數(shù)據(jù)庫需求可以得到此購物系統(tǒng)的E-R圖。如圖3.2所示。圖3.2在線購物系統(tǒng)關(guān)系E-R圖(1)用戶實(shí)體：注冊(cè)顧客的多個(gè)屬性，包括ID、賬號(hào)、密碼、姓名、性別、年齡、收貨地址、手機(jī)號(hào)。(2)管理員實(shí)體：管理員ID、管理員賬戶、管理員密碼。(3)商品實(shí)體：商品ID、商品分類、商品單價(jià)、商品名字、庫存、上架時(shí)間、商品描述等這些屬性。(4)訂單實(shí)體：描述了訂單的情況，包括訂單號(hào)、顧客名、下單時(shí)間、訂單總價(jià)、收貨地址、收貨電話等這些屬性。(5)購物車實(shí)體：包括了當(dāng)前顧客id、顧客名稱、商品編號(hào)、商品數(shù)量、總價(jià)這些屬性。3.2.2數(shù)據(jù)庫邏輯設(shè)計(jì)按照E-R圖進(jìn)行數(shù)據(jù)庫關(guān)系轉(zhuǎn)換，得到目標(biāo)系統(tǒng)的所有關(guān)系模式，如下所示，其中括號(hào)內(nèi)為實(shí)體屬性，畫橫線部分為主鍵，斜體部分為外鍵。管理員（管理員編號(hào)、用戶名、密碼、部門、創(chuàng)建時(shí)間）客戶表（用戶編號(hào)、用戶名、密碼、手機(jī)號(hào)、注冊(cè)日期、姓名、性別、出生日期、地址、郵箱）商品表（商品編號(hào)、商品標(biāo)題、商品主圖、商品價(jià)格、庫存、商品分類、商品描述、商品狀態(tài)、商品銷量、創(chuàng)建時(shí)間）訂單詳（訂單編號(hào)、下單時(shí)間、付款時(shí)間、商品編號(hào)、商品數(shù)量、訂單總金額、用戶編號(hào)、訂單狀態(tài)）購物車（購物車編號(hào)、用戶編號(hào)、商品編號(hào)、商品數(shù)量、購物車商品總價(jià)）3.2.3數(shù)據(jù)庫物理設(shè)計(jì)數(shù)據(jù)庫表是一個(gè)設(shè)計(jì)和實(shí)現(xiàn)一個(gè)系統(tǒng)的基礎(chǔ)。邏輯設(shè)計(jì)是把概念設(shè)計(jì)時(shí)使用的E-R圖轉(zhuǎn)化成關(guān)系模型，其次再轉(zhuǎn)換成DBMS支持的數(shù)據(jù)模型，最后對(duì)數(shù)據(jù)庫進(jìn)行優(yōu)化。關(guān)系數(shù)據(jù)庫對(duì)應(yīng)的是每一張關(guān)系數(shù)據(jù)表，下面對(duì)系統(tǒng)涉及到的某些數(shù)據(jù)表進(jìn)行說明，包括各種數(shù)據(jù)表的列名、含義、約束條件、類型和判斷能否允許為空等內(nèi)容的說明，具體信息如下所示：員表如表3.1所示，用于存儲(chǔ)系統(tǒng)管理員的屬性。）表3.1管理員表字段名描述類型長度可否為空約束Admin_no編碼Int11否主鍵Admin_id用戶名Varchar50否無Admin_pwd密碼Varchar32否無Admin_department部門varchar32否無Admin_date創(chuàng)建時(shí)間datetime否無用戶表如表3.2所示，用于存儲(chǔ)用戶的個(gè)人信息。表3.2用戶表字段名描述類型長度可否為空約束User_no用戶編號(hào)int13否主鍵User_id用戶名Varchar16否無User_password密碼Varchar16否無User_phone手機(jī)號(hào)話Varchar13否無User_date注冊(cè)日期dtetime否無User_name姓名Varchar16是無User_sex性別Varchar4是無User_birthday出生日期datetime是無User_address收貨地址Varchar200是無User_email郵箱varchar120是無(3)商品表如表3.3所示，用于存儲(chǔ)商品的諸屬性。表3.3商品表字段名描述類型長度可否為空約束Goods_no商品編號(hào)Int13否主鍵Goods_title商品標(biāo)題Varchar40否無Goods_imge商品主圖Varchar255否無Goods_price商品價(jià)格decimal10，2否無Goods_amount庫存Int13否無Catalog_name商品分類Varchar(45)45否無Goods_descri商品描述text否無Catalog_status商品狀態(tài)int13否無Goods_sales商品銷量int13否無Goods_date創(chuàng)建時(shí)間Datetime否無(4)訂單表如表3.4所示，用于存儲(chǔ)訂單實(shí)體的屬性。表3.4訂單表字段名描述數(shù)據(jù)類型長度可否為空約束Order_no訂單編號(hào)Int13否主鍵Order_date下單時(shí)間Datetime否無Goods_no商品編號(hào)Int13否外鍵Order_num商品數(shù)量number4否無Order_totalmoney訂單總金額decimal10,2否無User_id用戶編號(hào)Int13否外鍵Order_state訂單狀態(tài)Varchar13否無(5)購物車表如表3.5所示，用于存儲(chǔ)購物車實(shí)體的屬性。表3.5購物車表字段名描述數(shù)據(jù)類型長度可否為空約束Cart_no購物車編號(hào)Int13否主鍵User_no用戶編號(hào)Int13否外鍵Goods_id商品編號(hào)Int13否外鍵Goods_amount商品數(shù)量Int13否無Cart_money購物車商品總價(jià)decimal10，2否無4系統(tǒng)實(shí)現(xiàn)4.1開發(fā)工具系統(tǒng)選用Dart為開發(fā)語言，F(xiàn)lutter框架進(jìn)行App程序的設(shè)計(jì)，使用Dio進(jìn)行html界面進(jìn)行數(shù)據(jù)請(qǐng)求,SQLite數(shù)據(jù)庫。在Windows上搭建Flutter開發(fā)環(huán)境（1）操作系統(tǒng):Windows7或更高版本(64-bit)（2）磁盤空間:400MB(不包括AndroidStudio的磁盤空間).（3）工具:Flutter依賴下面這些命令行工具和AndroidStudio。4.2系統(tǒng)實(shí)現(xiàn)4.2.1相關(guān)技術(shù)（1）dio插件網(wǎng)絡(luò)連接使用dio插件，dio是一個(gè)強(qiáng)大的DartHttp請(qǐng)求庫，通過調(diào)用getHttp方法就可以請(qǐng)求網(wǎng)絡(luò)api接口了。后期通過轉(zhuǎn)model方式，接收服務(wù)器端發(fā)送過來的JSON字符串?dāng)?shù)據(jù)轉(zhuǎn)換為Dart文件，讓Json弱語言傳化成強(qiáng)類型語言。當(dāng)點(diǎn)擊按鈕，按鈕會(huì)調(diào)用方法，并進(jìn)行一定的判斷。比如判斷文本框是不是為空。然后當(dāng)后端返回?cái)?shù)據(jù)時(shí)，用setState方法更新了數(shù)據(jù)。（2）flutter_ScreenUtil屏幕適配flutter_ScreenUtil屏幕適配方案，讓UI在不同尺寸的屏幕上都能顯示合理的布局。先設(shè)置一個(gè)UI稿的尺寸，他會(huì)根據(jù)這個(gè)尺寸，根據(jù)不同屏幕進(jìn)行縮放，能滿足大部分屏幕場景。首先在home_page.dart里，用import進(jìn)行引入。在build方法里，初始化設(shè)計(jì)稿尺寸，ScreenUtil.instance=ScreenUtil(width:750,height:1334)..init(context);.給Container設(shè)置高和寬的值height:ScreenUtil().setHeight(333),和width:ScreenUtil().setWidth(750)。（3）EasyRefresh下拉刷新上拉加載EasyRefresh實(shí)現(xiàn)下拉刷新以及上拉加載操作，前提是需要包裹成ScrollView。支持Andorid(光暈)，ios(越界回彈)效果，支持任意的ScrollView控件，如果不是進(jìn)行簡單封裝即可(所以理論是所有控件)，支持自定義并且已經(jīng)集成了很多炫酷的Header和Footer，支持下拉刷新、上拉加載(可自動(dòng))，支持Header和Footer列表嵌入以及視圖浮動(dòng)兩種形。（4）更多功能extFormField文本框內(nèi)容，并且驗(yàn)證用戶名、密碼。TextEditingController，監(jiān)聽用戶名文本框,FocusNode控制焦點(diǎn)內(nèi)容，實(shí)現(xiàn)鍵盤回收。手勢（GestureDetector），實(shí)現(xiàn)點(diǎn)擊空白處，鍵盤回收操作。分區(qū)塊實(shí)現(xiàn)每個(gè)widget，最后將各個(gè)區(qū)塊widget，放到ListView組件中。4.2.2系統(tǒng)實(shí)現(xiàn)（1）前臺(tái)主界面模塊：打開客戶端，進(jìn)入系統(tǒng)主頁面，最上面搜索框?qū)?yīng)系統(tǒng)的商品搜索,輸入關(guān)鍵詞進(jìn)入搜索頁面。中間是系統(tǒng)自動(dòng)推薦商品。頁面底部有首頁、分類、購物車、我的四個(gè)功能按鈕，聲明一個(gè)BottomNavigationBarItem類型的List，并設(shè)置文字和圖標(biāo),利用onTap事件(單擊事件),來改變導(dǎo)航欄的狀態(tài)和切換頁面。首頁是在線購物商城的主界面，分類是顯示商品內(nèi)商品類別，點(diǎn)擊購物車可以已查看購物車商品，我的進(jìn)入個(gè)人中心。如圖4.1：圖4.1系統(tǒng)首頁（2）商品搜索模塊為了用戶方便查找自己所需要的商品，可以在搜索框直接輸入商品關(guān)鍵詞，系統(tǒng)就可以根據(jù)用戶輸入的信息與數(shù)據(jù)庫商品表中的對(duì)應(yīng)字段進(jìn)行對(duì)比，從而對(duì)商品表中的所有商品進(jìn)行過濾，返回符合條件的商品,實(shí)例化一個(gè)Dio對(duì)象發(fā)送請(qǐng)求的webApi['productList']，通過get方式獲取數(shù)據(jù)，定義數(shù)組用來保存“商品列表數(shù)據(jù)”,,使用Warp展示推薦商品，使用SliverList展示商品列表內(nèi)容，每條內(nèi)容由Item布局，顯示商品的縮略圖、標(biāo)題、價(jià)格。該功能的意義在于,面對(duì)琳瑯滿目的商品,用戶根據(jù)自己的需求快速定位商品,節(jié)省時(shí)間提高效率。如圖4.2圖4.2商品列表頁面（3）商品信息模塊通過搜索結(jié)果點(diǎn)擊自己想查看的商品詳情，進(jìn)入對(duì)應(yīng)的商品詳細(xì)信息頁面，顯示商品主圖、標(biāo)題名稱、價(jià)格、商品詳細(xì)描述等。用戶下拉可以查看詳情并選擇加入購物車，還可以返回商品列表頁，選擇其他商品。如圖4.3圖4.3商品詳情頁（4）注冊(cè)登錄模塊登錄：用戶想要加入購物車或者立即購買操作，需要先登錄才可以，在登錄頁面輸入用戶名或者手機(jī)號(hào)，密碼處輸入密碼。點(diǎn)擊登錄按鈕，系統(tǒng)讀取用戶名和密碼發(fā)到服務(wù)器端，在數(shù)據(jù)庫中進(jìn)行匹配，若匹配成功，返回結(jié)果并跳轉(zhuǎn)至原頁面；若匹配失敗，系統(tǒng)就會(huì)拒絕用戶登錄，并返回對(duì)應(yīng)錯(cuò)誤信息，用戶名或密碼不正確。用戶需根據(jù)確認(rèn)正確的信息，再次登錄。也可以通過忘記密碼重置密碼。新用戶可以點(diǎn)擊注冊(cè)，注冊(cè)用戶名。如圖4.4圖4.4登錄頁面注冊(cè)：用戶進(jìn)入注冊(cè)頁面后，直接輸入用戶名、密碼、確認(rèn)密碼和手機(jī)號(hào)，點(diǎn)擊注冊(cè)。點(diǎn)擊提交后，用戶信息傳到服務(wù)器端并且存儲(chǔ)在數(shù)據(jù)庫中，返回注冊(cè)成功的結(jié)果，跳轉(zhuǎn)至登錄界面。如圖4.5圖4.5注冊(cè)頁面（5）購物車模塊在商品詳情的頁面中，可以選擇商品數(shù)量，并通過點(diǎn)擊“加入購物車”按鈕，將其加入到購物車中。點(diǎn)擊購物車進(jìn)入用戶的購物車頁面，以列表形式顯示該用戶購物車所有商品。購物車列表面顯示商品縮略圖、名稱、價(jià)格、數(shù)量，最底部顯示選中商品的總金額和結(jié)算按鈕。用戶可以通過點(diǎn)擊商品可以再次確認(rèn)商品查看商品詳情。加減鍵可以修改要購買商品數(shù)量。當(dāng)用戶點(diǎn)擊加號(hào)增加商品數(shù)量時(shí)，系統(tǒng)獲會(huì)在數(shù)據(jù)庫中的商品表中查找到該商品所對(duì)應(yīng)的庫存數(shù)，如果用商品數(shù)量小于或等于這個(gè)庫存的數(shù)量，則會(huì)自動(dòng)增加，否則數(shù)量不變，提示已超出庫存數(shù)量。用戶還可以通過清空按鈕清所購物車內(nèi)所有商品。用戶確認(rèn)好商品后，點(diǎn)擊結(jié)算進(jìn)入系統(tǒng)購買頁面，填寫收貨信息支付即可。如圖4.6圖4.6購物車管理（6）訂單模塊在訂單頁面中，用戶可以查看訂單列表，點(diǎn)擊更多跳轉(zhuǎn)至訂單詳情頁面，查看詳細(xì)信息：訂單編號(hào)、訂單金額、下單時(shí)間、訂單狀態(tài)、訂單商品縮略圖、商品標(biāo)題等。如4.7圖4.7訂單列表頁4.3軟件測試4.3.1功能測試功能測試，又叫做行為測試，根據(jù)產(chǎn)品的特性，操作描述和用戶方案，測試一個(gè)產(chǎn)品的特性和可操作性，來確定它們滿足設(shè)計(jì)需求。本文系統(tǒng)中，采用了功能測試的方法對(duì)系統(tǒng)各模塊的功能進(jìn)行了測試，發(fā)現(xiàn)系統(tǒng)中存在的不足和缺陪，從而在以后的工作中對(duì)它進(jìn)行不斷的改善。打開系統(tǒng)，主頁面可以正常打開，最上面搜索中輸入關(guān)鍵詞搜索商品，點(diǎn)擊搜索按鈕后，自動(dòng)跳轉(zhuǎn)到商品例表頁面，直接點(diǎn)擊商品后，自動(dòng)跳轉(zhuǎn)到商品詳情頁面。點(diǎn)擊加入購物車，跳轉(zhuǎn)到用戶登錄頁面。在登錄頁面點(diǎn)擊注冊(cè)，跳轉(zhuǎn)至新用戶注冊(cè)，輸入用戶名、密碼、確認(rèn)密碼、手機(jī)號(hào)，點(diǎn)擊注冊(cè)，顯示注冊(cè)成功，返回合錄頁面。直接輸入注冊(cè)的用戶名密碼，直接登錄。登錄后跳轉(zhuǎn)購物車管理頁面，商品已成功添加至購物車。點(diǎn)擊提交訂單，進(jìn)入支付頁面。至此我們客戶端測試完成。4.3.2平臺(tái)適配性測試表4.1平臺(tái)適配性測試品牌型號(hào)系統(tǒng)平臺(tái)是否通過榮耀YAL-AL00Android—10通過OPPOReno3ProAndroid—11通過小米小米A3Android—11通過vivovivoX21Android—9通過受條件限制，選取了榮耀、OPPO、小米和vivo四款手機(jī)，分別運(yùn)行目標(biāo)軟件。測試結(jié)果如表4.1，可以看出，本軟件均通過了以上四個(gè)平臺(tái)的適配性測試。結(jié)論本文首先介紹了在線購物和移動(dòng)端購物現(xiàn)狀，智能手機(jī)的全面普及，越來越多的企業(yè)用移動(dòng)終端來宣傳銷售商品，因此開發(fā)一套針對(duì)移終端的在線購物系統(tǒng)是有現(xiàn)實(shí)意義的。其次介紹了移動(dòng)端應(yīng)用程序的開發(fā)三大模式：原生開發(fā)、web開發(fā)和混合開發(fā)模式。最后根據(jù)現(xiàn)在有移動(dòng)在線購物商城和用戶購物習(xí)慣，進(jìn)行需求分析。針對(duì)主要模塊注冊(cè)登錄、用戶瀏覽、購物車、訂單管理和后臺(tái)管理員相關(guān)功能模塊進(jìn)行詳細(xì)分析。根據(jù)功能模塊需要對(duì)系統(tǒng)進(jìn)行了