第1章緒論[1]。小程序網(wǎng)購(gòu)系統(tǒng)需要有商品詳細(xì)的信息顯示、商品不同類別的檢索、購(gòu)物車方面的管理、用戶基本信息管理、訂單支付等功能模塊。經(jīng)過(guò)詳細(xì)理解后，確定小程序網(wǎng)購(gòu)系統(tǒng)的重要功能，大致包含對(duì)商品的不同類型進(jìn)行對(duì)應(yīng)的檢索、用戶基本信息進(jìn)行管理、購(gòu)物車方面的管理操作及訂單支付等功能。3.1.1系統(tǒng)總體結(jié)構(gòu)圖本文描述的系統(tǒng)實(shí)際上是個(gè)較為簡(jiǎn)略的商場(chǎng)系統(tǒng)，它是屬于在現(xiàn)如今具備的開(kāi)源項(xiàng)目基礎(chǔ)上，從而構(gòu)造一個(gè)相對(duì)來(lái)說(shuō)完好的前后端項(xiàng)目，它里面含有小程序用戶端、移動(dòng)客戶端和網(wǎng)頁(yè)管理端。項(xiàng)目的總體分成四個(gè)系統(tǒng)和九個(gè)模塊：（1）基礎(chǔ)系統(tǒng)子系統(tǒng)是由數(shù)據(jù)庫(kù)、litemall-core模塊、litemall-db模塊和litemall-all模塊組成；（2）小商場(chǎng)子系統(tǒng)是由litemall-wx-api模塊、litemall-wx模塊和renard-wx模塊組成；（3）輕商城子系統(tǒng)是由litemall-wx-api模塊和litemall-vue模塊組成。（4）管理后臺(tái)子系統(tǒng)是由litemall-admin-api模塊和litemall-admin模塊組成。而模塊方面的技術(shù)設(shè)計(jì)到三種技術(shù)棧：（1）SpringBoot技術(shù)棧。它是采用IDEA開(kāi)發(fā)工具，開(kāi)發(fā)litemall-core、litemall-db、litemall-admin-api、litemall-wx-api和litemall-all共五個(gè)模塊；（2）miniprogram（微信小程序）技術(shù)棧。它是采用微信小程序開(kāi)發(fā)工具，開(kāi)發(fā)litemall-wx模塊和renard-wx模塊；（3）Vue技術(shù)棧。采用VSC開(kāi)發(fā)工具，開(kāi)發(fā)litemall-admin模塊和litemall-vue模塊。系統(tǒng)總體架構(gòu)圖如下：圖3.1系統(tǒng)總體結(jié)構(gòu)圖3.2數(shù)據(jù)庫(kù)分析3.2.1數(shù)據(jù)庫(kù)E-R圖E-R圖簡(jiǎn)單來(lái)說(shuō)就是用來(lái)描述實(shí)體關(guān)系的圖。就像本系統(tǒng)中的一些商品類信息就是一個(gè)實(shí)體?；诒鞠到y(tǒng)的功能模塊和業(yè)務(wù)流程過(guò)于冗雜，以下主要介紹小程序網(wǎng)購(gòu)系統(tǒng)中的重要信息：（1）購(gòu)物系統(tǒng)的商品類信息實(shí)體圖的屬性有不同商品對(duì)應(yīng)的ID和名稱，商品的圖片信息和詳細(xì)價(jià)格等，如圖3.2所示：圖3.2商品信息E-R圖（2）購(gòu)物系統(tǒng)的不同級(jí)別用戶信息實(shí)體圖的屬性含有用戶ID和名字，性別和用戶等級(jí)信息等，如圖3.3所示：

圖3.3用戶信息E-R圖（3）購(gòu)物系統(tǒng)的顯示的訂單信息實(shí)體圖的屬性含有訂單類產(chǎn)生的不同時(shí)間段產(chǎn)生的編號(hào)和狀態(tài)、用戶ID、訂單與支付的金額、支付時(shí)間、物流單號(hào)等信息，如圖3.4所示：圖3.4訂單信息E-R圖（4）購(gòu)物系統(tǒng)中對(duì)于用戶收貨地址信息實(shí)體圖的屬性含地址與用戶ID、收貨人名稱、手機(jī)號(hào)碼、詳細(xì)地址等信息，如圖3.5所示：圖3.5用戶收貨地址信息E-R圖（5）購(gòu)物系統(tǒng)中對(duì)于商品類目信息實(shí)體圖的屬性有類目ID與類目名、對(duì)商品的簡(jiǎn)介等信息，如圖3.6所示：

圖3.5商品類目信息E-R圖3.2.2數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì)是在一個(gè)特定的應(yīng)用環(huán)境基礎(chǔ)上，從而來(lái)構(gòu)造適合的且對(duì)應(yīng)的數(shù)據(jù)庫(kù)模式，讓系統(tǒng)可以有一個(gè)良好的存儲(chǔ)數(shù)據(jù)的地方，我們知道數(shù)據(jù)庫(kù)對(duì)于整個(gè)系統(tǒng)的重要性，在設(shè)計(jì)時(shí)盡可能保護(hù)好數(shù)據(jù)。本系統(tǒng)中的數(shù)據(jù)庫(kù)存儲(chǔ)在MySQL中，數(shù)據(jù)存儲(chǔ)的方式采用的是同步模式，數(shù)據(jù)庫(kù)連接采用的是Springboot集成Druid數(shù)據(jù)源，Spring自動(dòng)注入。數(shù)據(jù)庫(kù)主要由三個(gè)sql文件組成：（1）litemall_schema.sql作用是創(chuàng)建空數(shù)據(jù)庫(kù)、創(chuàng)建用戶、設(shè)置訪問(wèn)權(quán)限。（2）litemall_table.sql作用是創(chuàng)建數(shù)據(jù)庫(kù)表，但是沒(méi)有創(chuàng)建任何數(shù)據(jù)。（3）litemall_data.sql作用是創(chuàng)建測(cè)試數(shù)據(jù)。而數(shù)據(jù)結(jié)構(gòu)的好壞是會(huì)對(duì)速度有一定的影響，數(shù)據(jù)庫(kù)表的設(shè)計(jì)會(huì)對(duì)操作效率產(chǎn)生一定的影響，聯(lián)系以上E-R圖設(shè)計(jì)，設(shè)計(jì)主要的一些數(shù)據(jù)庫(kù)表如下：（1）商品表（litemall_goods)記錄商品的相關(guān)信息，如表3.1。表3.1商品表主要的字段數(shù)據(jù)的類型長(zhǎng)度是否空字段說(shuō)明idint11否主鍵idgoods_idint11否商品編號(hào)nameint11否商品名稱pricedecimal是商品價(jià)格numberint11否商品數(shù)量urlvarchar125是商品圖片add_timedatetime是創(chuàng)建時(shí)間主要字段數(shù)據(jù)類型長(zhǎng)度是否允許空字段說(shuō)明update_timedatetime是更新時(shí)間deletedtinyint1是邏輯刪除（2）用戶表（litemall_user），記錄用戶的相關(guān)信息，如表3.2。表3.2商品表主要的字段數(shù)據(jù)的類型長(zhǎng)度是否空字段說(shuō)明idint11否主鍵idgoods_idint11否商品編號(hào)nameint11否商品名稱pricedecimal是商品價(jià)格numberint11否商品數(shù)量urlvarchar125是商品圖片add_timedatetime是創(chuàng)建時(shí)間update_timedatetime是更新時(shí)間deletedtinyint1是邏輯刪除

（3）訂單表（litemall_order），記錄訂單的相關(guān)信息，如表3.3。表3.3訂單表主要的字段數(shù)據(jù)的類型長(zhǎng)度是否空字段說(shuō)明idint11否主鍵iduser_idint11否用戶IDorder_snvarchar63否訂單編號(hào)order_statussmallint6否訂單狀態(tài)consigneevarchar63否收貨名稱mobilevarchar63否手機(jī)號(hào)碼addressvarchar127否收貨地址order_pricedecimal否訂單費(fèi)用end_timedatetime是關(guān)閉時(shí)間add_timedatetime是創(chuàng)建時(shí)間update_timedatetime是更新時(shí)間deletedtinyint1是邏輯刪除（4）收貨表（litemall_address），記錄收貨地址的相關(guān)信息，如表3.4。表3.4收貨表主要的字段數(shù)據(jù)的類型長(zhǎng)度是否空字段說(shuō)明idint11否主鍵idnamevarchar63否收貨人名稱user_idint11否用戶IDaddress_detailvarchar127否詳細(xì)地址area_codechar6是地區(qū)編碼postal_codechar6是郵政編碼telvarchar20否手機(jī)號(hào)碼is_defaulttinyint1否默認(rèn)地址add_timedatetime是創(chuàng)建時(shí)間update_timedatetime是更新時(shí)間deletedtinyint1是邏輯刪除（5）商品類目表（litemall_category），記錄商品的相關(guān)信息，如表3.5。表3.5商品類目表主要的字段數(shù)據(jù)的類型長(zhǎng)度是否空字段說(shuō)明idint11否主鍵idnamevarchar63否類目名稱keywordsvarchar1023否類目關(guān)鍵字pidint11否父類目IDicon_urlvarchar255是類目圖標(biāo)pic_urlvarchar255是類目圖片sort_ordertinyint3是排序add_timedatetime是創(chuàng)建時(shí)間update_timedatetime是更新時(shí)間deletedtinyint1是邏輯刪除

第4章系統(tǒng)功能實(shí)現(xiàn)第4章系統(tǒng)功能實(shí)現(xiàn)4.1前臺(tái)頁(yè)面管理前臺(tái)頁(yè)面管理功能有用戶可以進(jìn)行注冊(cè)登錄、密碼修改、檢索商品、瀏覽頁(yè)面等。4.1.1用戶注冊(cè)在用戶作為新人使用該網(wǎng)購(gòu)系統(tǒng)時(shí)，需要按照注冊(cè)步驟一步步來(lái)，點(diǎn)擊個(gè)人管理按鈕，對(duì)賬號(hào)進(jìn)行注冊(cè)操作。用戶注冊(cè)流程：進(jìn)入注冊(cè)界面，通過(guò)輸入用戶設(shè)置的姓名和密碼，進(jìn)行確認(rèn)密碼、手機(jī)號(hào)、獲取驗(yàn)證碼后，再點(diǎn)擊“注冊(cè)”按鈕才能成功完成注冊(cè)的操作。如圖4.1所示：圖4.1注冊(cè)頁(yè)面4.1.2用戶登錄用戶登錄時(shí)，需要點(diǎn)擊個(gè)人管理按鈕，開(kāi)始進(jìn)行登錄的操作。用戶登錄流程：輸入已經(jīng)注冊(cè)過(guò)的賬號(hào)密碼，然后通過(guò)前后端與數(shù)據(jù)庫(kù)的確認(rèn)輸入的格式是否規(guī)范以及用戶表中是否存在用戶的賬號(hào)和輸入密碼是相同的，經(jīng)過(guò)這一系列的校驗(yàn)才可以進(jìn)入購(gòu)買的界面。如圖4.2所示：

圖4.2登錄頁(yè)面4.1.3商品顯示搜索用戶登錄之后，可以在首頁(yè)或分類按鈕下進(jìn)行瀏覽查找商品的操作。操作流程：登錄賬號(hào)、點(diǎn)擊首頁(yè)或分類、輸入要查找的商品名稱或關(guān)鍵詞進(jìn)行搜索。如圖4.3所示： 圖4.3商品顯示搜索頁(yè)面4.1.4訂單支付微信支付接口使用的是普通模式，如果要開(kāi)發(fā)，得申請(qǐng)專屬于個(gè)人的appid和mch_id，它們之間還應(yīng)該要具有綁定關(guān)系，這樣才能夠應(yīng)用它提供的支付開(kāi)放接口，更好服務(wù)于用戶）。1、平臺(tái)下單，發(fā)起支付用戶：購(gòu)買商品，點(diǎn)擊提交訂單。2、生成平臺(tái)訂單，系統(tǒng)后臺(tái)：生成自己的訂單后，訂單里面有商品信息金額。3、請(qǐng)求下單接口、創(chuàng)建訂單，系統(tǒng)后臺(tái)要跟微信支付系統(tǒng)提供訂單信息、金額。4、生成預(yù)付單，微信支付系統(tǒng)生成一個(gè)預(yù)付單（區(qū)別于系統(tǒng)訂單，這個(gè)是支付單）。5、再返回預(yù)支單標(biāo)識(shí)，微信支付系統(tǒng)：給系統(tǒng)的后臺(tái)返回一個(gè)標(biāo)識(shí)prepay_id:prepay_id=wx2017033010242291fcfe0db700132310726、生成帶簽名的支付信息，支付信息用于用戶發(fā)起支付時(shí)使用。7、用戶發(fā)起微信支付，用戶看到訂單后，點(diǎn)擊發(fā)起支付，獲取支付信息。8、小程序喚起微信支付，獲取到支付信息后小程序準(zhǔn)備下一步。9、調(diào)起微信支付，小程序直接發(fā)起支付請(qǐng)求到微信支付系統(tǒng)，告知其預(yù)付支付單號(hào)。10、驗(yàn)證支付授權(quán)，根據(jù)上面的支付信息、預(yù)付單判斷是否合法的支付請(qǐng)求11、返回支付授權(quán)，微信系統(tǒng)告知小程序，這個(gè)支付請(qǐng)求合法，那么就能開(kāi)始輸入密碼了，如圖4.4所示：圖4.4訂單支付頁(yè)面4.2后臺(tái)頁(yè)面管理在管理后臺(tái)的登錄界面按順序輸入帳號(hào)和密碼，進(jìn)入后臺(tái)管理的頁(yè)面就可以看到左側(cè)的用戶管理、商品管理和商城管理等模塊，管理員還能進(jìn)行對(duì)以上模塊操作。4.2.1用戶管理管理員是能對(duì)用戶的基本信息進(jìn)行查看，包括查看會(huì)員或者普通用戶的一些信息，便于分析了解用戶需求以此更好管理網(wǎng)上商場(chǎng)。如圖4.5所示：圖4.5用戶管理模塊4.2.2商場(chǎng)管理在商場(chǎng)管理系統(tǒng)中，可以對(duì)商品的一些類目情況，訂單管理以及關(guān)鍵詞等進(jìn)行刪除，編輯的操作。如圖4.6所示：圖4.6商場(chǎng)管理頁(yè)面4.2.3商品管理先點(diǎn)擊后臺(tái)管理的商品管理，然后在分頁(yè)中會(huì)顯示出商品列表與商品上架，然后管理員就可以對(duì)商品列表和商品上架模塊功能進(jìn)行操作。如圖4.7所示：圖4.7商品管理頁(yè)面第5章系統(tǒng)測(cè)試第5章系統(tǒng)測(cè)試5.1測(cè)試目的測(cè)試的目的是盡力尋找一些關(guān)于程序的問(wèn)題，因此在測(cè)試的過(guò)程中需要進(jìn)行多次測(cè)試，避免相對(duì)復(fù)雜的程序出錯(cuò)。測(cè)試不僅僅單純地為了展示軟件的功能，而是要以查找程序中的問(wèn)題為重點(diǎn)。但問(wèn)題并不是測(cè)試的唯一目的，而是要進(jìn)一步分析問(wèn)題出現(xiàn)的原因，能夠從中盡快地定位問(wèn)題并解決它，而且這種測(cè)試和分析能夠有效地改善程序中的不足之處，由此設(shè)計(jì)出一套針對(duì)性的測(cè)試用例。5.2系統(tǒng)測(cè)試原理本系統(tǒng)運(yùn)用的是開(kāi)發(fā)者工具對(duì)本系統(tǒng)進(jìn)行測(cè)試，從客戶端使用到的功能模塊到結(jié)合小程序界面預(yù)覽及數(shù)據(jù)變化進(jìn)行評(píng)估。在通過(guò)真機(jī)調(diào)試的操作了解性能情況，繼而評(píng)估系統(tǒng)的運(yùn)行性能。5.3系統(tǒng)功能測(cè)試本系統(tǒng)功能方面用到的是我們平時(shí)在測(cè)試都經(jīng)常使用到的黑盒測(cè)試，結(jié)合每一個(gè)頁(yè)面和功能模塊測(cè)試用例測(cè)試。下面主要給出用戶進(jìn)行購(gòu)物模塊的測(cè)試用例：表5.1測(cè)試前臺(tái)系統(tǒng)的用戶注冊(cè)用例編號(hào)001測(cè)試內(nèi)容測(cè)試用戶是否能夠注冊(cè)成功測(cè)試步驟1、用戶首先利用微信開(kāi)發(fā)者工具中的真機(jī)測(cè)試二維碼進(jìn)行連接2、點(diǎn)擊個(gè)人按鈕賬號(hào)登錄注冊(cè)、輸入用戶名、密碼、確認(rèn)密碼、手機(jī)號(hào)、驗(yàn)證碼3、點(diǎn)擊注冊(cè)按鈕實(shí)際結(jié)果用戶賬號(hào)注冊(cè)成功測(cè)試結(jié)論測(cè)試通過(guò)表5.2測(cè)試前臺(tái)系統(tǒng)的用戶登錄用例編號(hào)002測(cè)試內(nèi)容測(cè)試用戶是否能夠登錄成功測(cè)試步驟1、點(diǎn)擊個(gè)人按鈕中的賬號(hào)登錄進(jìn)行登錄2、依次輸入已注冊(cè)過(guò)的用戶名、密碼3、點(diǎn)擊登錄按鈕實(shí)際結(jié)果用戶賬號(hào)登錄成功測(cè)試結(jié)論測(cè)試通過(guò)表5.3測(cè)試前臺(tái)系統(tǒng)的商品顯示搜索用例編號(hào)003測(cè)試內(nèi)容測(cè)試用戶是否能夠搜索成功測(cè)試步驟1、在頁(yè)面上點(diǎn)擊首頁(yè)或分類按鈕2、在搜索框中輸入商品關(guān)鍵詞或名稱3、點(diǎn)擊搜索按鈕實(shí)際結(jié)果用戶搜索成功測(cè)試結(jié)論測(cè)試通過(guò)表5.4測(cè)試后臺(tái)系統(tǒng)的用戶管理用例編號(hào)004測(cè)試內(nèi)容測(cè)試管理員是否能夠查看測(cè)試步驟1、輸入網(wǎng)址進(jìn)行管理員賬號(hào)密碼登錄2、點(diǎn)擊左側(cè)用戶管理進(jìn)行查看會(huì)員信息實(shí)際結(jié)果管理員查看成功測(cè)試結(jié)論測(cè)試通過(guò)表5.5測(cè)試后臺(tái)系統(tǒng)的商場(chǎng)管理用例編號(hào)005測(cè)試內(nèi)容測(cè)試管理員是否是否可以對(duì)商品類目及訂單信息等進(jìn)行操作測(cè)試步驟1、點(diǎn)擊頁(yè)面左側(cè)的商場(chǎng)管理2、點(diǎn)擊商品類目或訂單管理模塊進(jìn)行商品類目信息和訂單信息的刪除，修改等功能實(shí)際結(jié)果管理員操作成功測(cè)試結(jié)論測(cè)試通過(guò)

表5.6測(cè)試后臺(tái)系統(tǒng)的商品管理用例編號(hào)006測(cè)試內(nèi)容測(cè)試管理員是否可以對(duì)商品進(jìn)行上架管理等操作測(cè)試步驟1、在頁(yè)面上左側(cè)點(diǎn)擊商品管理模塊2、點(diǎn)擊商品列表進(jìn)行編輯、刪除等操作3、點(diǎn)擊商品上架模塊進(jìn)行商品相關(guān)信息的編輯的添加等操作實(shí)際結(jié)果管理員操作成功測(cè)試結(jié)論測(cè)試通過(guò)5.4系統(tǒng)性能測(cè)試本系統(tǒng)是利用從官網(wǎng)上下載的微信開(kāi)發(fā)者工具所給我們的測(cè)試工具進(jìn)行相關(guān)的性能測(cè)試，再結(jié)合提供的測(cè)試報(bào)告來(lái)對(duì)系統(tǒng)進(jìn)行合理詳細(xì)的分析。系統(tǒng)完成后，繼而在服務(wù)器上進(jìn)行了相關(guān)的設(shè)計(jì)，并通過(guò)微信測(cè)試號(hào)對(duì)系統(tǒng)的各個(gè)模塊進(jìn)行相關(guān)的測(cè)試。5.5測(cè)試結(jié)果分析根據(jù)以上對(duì)功能和性能測(cè)試的分析結(jié)果來(lái)看，再結(jié)合對(duì)應(yīng)的需求功能模塊進(jìn)行相關(guān)的分析，本系統(tǒng)的功能模塊實(shí)現(xiàn)相對(duì)比較完善且性能也比較穩(wěn)定?？偨Y(jié)與展望總結(jié)與展望總結(jié)本文是對(duì)于在微信小程序上的網(wǎng)購(gòu)系統(tǒng)進(jìn)行設(shè)計(jì)，通過(guò)百度、文獻(xiàn)、書籍等資料進(jìn)行查閱。在查閱的過(guò)程中也有困惑不解的時(shí)候，但還是完成最開(kāi)始希望達(dá)到的目標(biāo)，在通過(guò)結(jié)合日常的購(gòu)物方式下，分析了解小程序購(gòu)物的大致功能需求，大致流程，進(jìn)一步設(shè)計(jì)完成了前后臺(tái)功能模塊。主要詳細(xì)地描述了小程序與網(wǎng)購(gòu)系統(tǒng)的一些