計算機畢業設計 ssm基于WEB技術的在線商品交易平臺的設計 vue 畢設

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

5系統實現

3.1管理員功能模塊實現

3.1.1管理員登錄

管理員可以選擇任一瀏覽器打開網址，輸入信息無誤后，以管理員的身份行使相關的管理權限，管理員登錄界面設計如圖3-1所示。

圖3-1管理員登錄界面

3.1.2個人中心

個人中心模塊設計的主要目的是方便管理員對密碼等個人信息進行管理，用戶可以根據自己的實際需求，選擇每隔一段時間，更新個人賬戶的用戶名和密碼，修改密碼界面設計如圖3-2所示，個人信息界面如圖3-3所示。

圖3-2修改密碼界面

圖3-3個人信息界面

3.1.3用戶管理

管理員可以通過選擇用戶管理，管理相關的用戶信息記錄，比如進行查看用戶的聯系電話、手機號、身份證等信息，修改用戶的真實姓名，用戶管理界面設計如圖3-4所示

圖3-4用戶管理界面

3.1.4商品管理

管理員可以通過選擇商品管理，管理相關的商品信息記錄，比如進行查看商品信息標題，修改商品信息來源等操作，商品管理界面設計如圖3-5所示。

圖3-5商品管理界面

3.1.5公告管理

管理員可以通過選擇公告管理，管理相關的公告信息記錄，比如進行查看公告詳情，刪除錯誤的公告信息，發布公告等操作，公告管理界面如圖3-6所示。

圖3-6公告管理界面

3.1.6公告類型管理

管理員可以通過選擇公告類型管理，管理相關的公告類型信息，比如查看所有公告類型，刪除無用公告類型，修改公告類型，添加公告類型等操作，公告類型管理界面設計如圖3-7所示。

圖3-7公告類型管理界面

3.1.7商品類型管理

管理員可以通過選擇商品類型管理，管理相關的商品類型信息，比如查看所有商品類型，刪除無用商品類型，修改商品類型，添加商品類型等操作，商品類型管理界面設計如圖3-8所示。

圖3-8公告類型管理界面

3.1.8商品評價管理

管理員可以通過選擇商品評價管理，管理相關的商品評價信息，比如查看所有商品評價，刪除無用商品評價，修改商品評價，添加商品評價等操作，商品評價管理界面設計如圖3-9所示。

圖3-9商品評價管理界面

3.1.9商品收藏管理

管理員可以通過選擇商品收藏管理，管理相關的商品收藏信息，比如查看所有商品收藏，刪除無用商品收藏，修改商品收藏，添加商品收藏等操作，商品收藏管理界面設計如圖3-10所示。

圖3-10商品收藏管理界面

3.1.10商品訂單管理

管理員可以通過選擇商品訂單管理，管理相關的商品訂單信息，比如查看所有商品訂單，刪除無用商品訂單，修改商品訂單，添加商品訂單等操作，商品訂單管理界面設計如圖3-11所示。

圖3-11商品訂單管理界面

3.1.11輪播圖管理

管理員可以通過選擇輪播圖管理，管理相關的輪播圖信息，比如查看所有輪播圖信息，刪除無用輪播圖，修改輪播圖名稱，添加輪播圖等操作，輪播圖管理界面設計如圖3-12所示。

圖3-12輪播圖管理界面

3.2用戶功能模塊實現

3.2.1用戶登錄

用戶可以選擇任一瀏覽器打開網址，輸入正確的賬戶和密碼信息后，登錄系統，根據自己的實際需要，選擇相關的功能模塊，進行操作和使用，用戶登錄界面設計如圖3-13所示。

圖3-13用戶登錄界面

3.2.2個人中心

個人中心模塊設計的主要目的是方便用戶對密碼等個人信息進行管理，用戶可以選擇查看用戶姓名、手機號、頭像、身份證號、電子郵箱、余額等信息，也可以選擇修改個人信息資料，更新個人密碼信息，修改密碼界面設計如圖3-14所示，個人信息界面如圖3-15所示。

圖3-14修改密碼界面

圖3-15個人中心界面

3.1.3公告管理

用戶可以通過選擇公告管理，查看詳細的公告信息記錄，比如進行查看公告名稱、公告圖片、公告類型、公告發布實際等信息，公告管理界面如圖3-16所示。

圖3-16公告管理界面

3.1.4商品評價管理

用戶可以通過選擇商品評價管理，查看詳細的商品評價信息記錄，比如進行查看商品名稱、用戶姓名、評價內容、評價時間、回復內容、回復時間等信息，商品評價管理界面如圖3-17所示。

圖3-17商品評價管理界面

3.1.5商品收藏管理

用戶可以通過選擇商品收藏管理，查看詳細的商品收藏信息記錄，比如進行查看商品名稱、商品照片、商品類型、用戶姓名、收藏時間等信息，商品收藏管理界面如圖3-18所示。

圖3-18商品收藏管理界面

3.1.6商品訂單管理

用戶可以通過選擇商品訂單管理，查看詳細的商品訂單信息記錄，比如進行查看收貨人、電話、地址、商品名稱、商品照片、商品類型、用戶姓名、訂單號、購買數量、實付價格、快遞公司等信息，商品訂單管理界面如圖3-19所示。

圖3-19商品訂單管理界面

3.3系統測試

3.3.1測試概述

在系統將要投入使用前，需要進行的一個必不可少的工作環節就是系統測試。測試人員通過系統測試工作，驗證在系統的使用過程中，界面環境是否整潔友好，用戶賬號信息是否安全可靠，性能方面是否穩定健壯，功能方面是否符合用戶需要等。系統測試不僅需要找出系統運行中會出現的問題，還需要分析產生這些問題的原因，并且找到解決這些問題的方法[21]。

系統測試主要分為黑盒測試和白盒測試[22]。黑盒測試即功能測試，其主要是站在使用者的角度對系統進行測試。在黑盒測試過程中，測試人員無需關注和了解系統內部的代碼等內容，根據系統的程序接口，運行和檢測系統功能。白盒測試即結構測試，其主要是站在程序員的角度對系統進行測試。與黑盒測試不同，白盒是一種基于代碼的測試過程，測試人員需要了解系統內部的代碼等內容，通過檢測實際的系統程序狀態、邏輯路徑等情況與預期達到的結果是否一致，確認系統的設計內容是否符合規范。

3.3.2測試流程

測試環境是使用一臺配置不高的電腦或者筆記本，配置Windows 7或者更高版本的操作系統環境，在瀏覽器中輸入本系統網址，如果能正常訪問本系統的首頁，說明本系統可以成功的進行測試。

本系統主要使用功能測試的方法，測試系統功能效果。測試流程圖如圖6-1所示。

圖6-1測試流程圖

3.3.3商品信息管理模塊測試

商品信息管理模塊測試如表6-1所示。

表6-1商品信息管理模塊測試表

測試項目編號

001

測試項目名稱

商品信息管理模塊

測試用例編號：001

(1) 輸入：商品名稱：商品名稱1

(2) 輸出：操作成功，頁面自動跳轉到商品信息管理相應的商品信息成功查詢界面

(3) 步驟及操作：在瀏覽器中輸入網站，點擊商品信息管理按鈕，輸入商品名稱信息，對相關商品信息進行查詢

商品信息管理模塊測試的實現界面如圖6-2，圖6-3所示。

圖6-2圖書信息管理測試界面1

圖6-3商品信息管理測試界面2

3.3.4商品訂單管理模塊測試

商品訂單管理模塊測試如表6-2所示。

表6-2商品訂單管理模塊測試表

測試項目編號

002

測試項目名稱

商品訂單管理模塊

測試用例編號：002

(1) 輸入：訂單號：94

(2) 輸出：操作成功，頁面自動跳轉到商品訂單管理相應的商品訂單信息成功查詢界面

(3) 步驟及操作：在瀏覽器中輸入網站，點擊商品訂單管理按鈕，輸入訂單號信息，對相關商品訂單信息進行查詢

商品訂單管理模塊測試的實現界面如圖6-4，圖6-5所示。

圖6-4商品訂單管理測試界面1

圖6-5商品訂單管理測試界面2

3.3.5商品評價管理模塊測試

商品評價管理模塊測試如表6-3所示。

表6-3商品評價管理模塊測試表

測試項目編號

003

測試項目名稱

商品評價管理模塊

測試用例編號：003

(1) 輸入：商品名稱：商品名稱1

(2) 輸出：操作成功，頁面自動跳轉到商品評價管理相應的商品評價信息成功查詢界面

(3) 步驟及操作：在瀏覽器中輸入網站，點擊商品評價管理按鈕，輸入商品名稱信息，對相關商品評價信息進行查詢

商品評價管理模塊測試的實現界面如圖6-6，圖6-7所示。

圖6-6商品評價管理測試界面1

圖6-7商品評價管理測試界面2

3.3.6商品收藏管理模塊測試

商品收藏管理模塊測試如表6-4所示。

表6-4商品收藏管理模塊測試表

測試項目編號

004

測試項目名稱

商品收藏管理模塊

測試用例編號：004

(1) 輸入：商品名稱：商品名稱2

(2) 輸出：操作成功，頁面自動跳轉到商品收藏管理相應的商品收藏信息成功查詢界面

(3) 步驟及操作：在瀏覽器中輸入網站，點擊商品收藏管理按鈕，輸入商品名稱信息，對相關商品收藏信息進行查詢

商品收藏管理模塊測試的實現界面如圖6-8，圖6-9所示。

圖6-8商品收藏管理測試界面1

圖6-9商品收藏管理測試界面2

3.3.7公告信息管理模塊測試

公告信息管理模塊測試如表6-5所示。

表6-5公告信息管理模塊測試表

測試項目編號

005

測試項目名稱

公告信息管理模塊

測試用例編號：005

(1) 輸入：公告名稱：公告名稱1

(2) 輸出：操作成功，頁面自動跳轉到公告信息管理相應的公告信息成功查詢界面

(3) 步驟及操作：在瀏覽器中輸入網站，點擊公告信息管理按鈕，輸入公告名稱信息，對相關公告信息進行查詢

公告信息管理模塊測試的實現界面如圖6-10，圖6-11所示。

圖6-10公告信息管理測試界面1

圖6-11公告信息管理測試界面2

3.3.8測試結果

在一定程度上，系統會因為測試環境的不同，進而使得產生的測試結果也不同。通過在不同類型的瀏覽器上運行本系統，不斷地查找出系統可能存在的問題，再對相關的代碼進行修改，改進和完善系統設計，進而達到提高系統的適用性的目的。通過在一臺裝有Windows10操作系統的計算機上，使用IE、谷歌等瀏覽器，對系統的主要功能模塊進行了測試。本文主要對系統進行了商品信息管理、商品訂單管理、商品評價管理等功能模塊測試。綜合上述的測試結果分析可知，本系統的界面設計、數據安全、功能實現等方面是比較理想的，能夠滿足使用者的現實使用需求，在有效性和穩定性也是有所保障的，所以基于WEB技術的在線商品交易平臺的實現基本上是比較成功的。

3.4本章小結

本章通過展示系統相關的功能模塊運行圖，介紹系統主要功能模塊的操作流程。系統使用者角色主要分為管理員和用戶，管理員角色功能設計主要包括商品等模塊。通過運行系統功能模塊，展示操作界面，讓用戶更好的了解和使用本系統。Zui后，根據以上相關的系統測試內容顯示，本系統的測試結果比較順利，系統性能比較穩定，基本上沒有出現問題。