“互聯網+”背景下校園閑置物品交易平臺設計研究

羅宇瑞?張秋霞

摘 要：隨著互聯網的發展，人們的生活水平相較于以前有了很大的提升，物品更新換代非常快，閑置物品也隨之激增。基于此，本文設計了一款校園閑置物品交易平臺。該平臺使用Java語言開發，MySQL作為數據庫，IntelliJ IDEA作為開發工具。網站后端使用了SSM框架，網站前端使用了是VUE、HTML5、CSS、ElementUI和JQ進行布局和修飾。系統界面美觀，功能完善，運行穩定可靠，適用于校園二手物品交易。

關鍵詞：互聯網;閑置物品交易平臺; IntelliJ IDEA

中圖分類號：TP39文獻標識碼：A文章編號：1003-5168（2021）05-0030-03

Abstract： With the development of the Internet， people's living standards have been greatly improved compared with the past. The replacement of goods is very fast， and the number of idle goods also increases. Based on this， this paper designed a campus idle goods trading platform. The platform is developed with Java language， MySQL as database and IntelliJ idea as development tool. The back end uses SSM framework， and the front end uses VUE， HTML5， CSS， ElementUI and JQ for layout and decoration. The system has beautiful interface， perfect function， stable and reliable operation， and is suitable for campus second-hand goods trading.

Keywords： Internet;idle goods trading platform; IntelliJ IDEA

隨著“互聯網+”技術的飛速發展，學生利用互聯網的能力也越來越強。當前，“網購”已成為校園里極為普遍的現象，但也產生了很多問題，例如，人們購買了新的物品后，會導致原來還能使用的物品閑置，造成資源浪費。為了有效解決這些問題，二手物品交易市場應運而生，人們可以在二手物品交易市場上出售自己的閑置物品，購買所需的物品，這不僅使出售方彌補了自己的損失，而且使購買方購買到了心儀的物品，使閑置資源得到了有效利用[1]。由此，本文對校園閑置物品交易平臺架構進行設計分析。

1 開發工具與關鍵技術簡介

校園閑置物品交易平臺的開發用到了大量的新興技術，包括VUE、ElementUI、Riders。網站頁面主要使用VUE、ElementUI和HTML5、CSS、JQ進行設計制作;網站后臺主要使用Java語言進行開發。

1.1 IntelliJ IDEA

IntelliJ IDEA是支持Java、Scala、Groovy等語言的開發工具，同時具備支持目前主流的技術和框架，擅長進行企業應用、移動應用和Web應用的開發。目前，絕大多數從事Java語言開發的軟件公司都在使用這款軟件。

1.2 MySQL

MySQL數據庫具有開源、免費、穩定等特性，適合中小型項目開發。它操作簡單，配合Navicat圖形化操作數據庫，適用于數據庫的設計、建表和建庫。

1.3 Redis

Redis是一個開源的、基于內存的數據結構存儲系統，它可以作為數據庫、緩存、消息中間件。Redis將數據存到緩存中，數據查詢速度特別快，而且存儲支持多種格式，可以存儲基礎類型以及對象或者是集合等各種格式，而且沒有字段限制，擴展的時候非常容易[2]。

1.4 Java

Java是一門面向對象的編程語言。它功能強大，簡單易用。它的結構簡明嚴謹，語法簡潔，能夠很好地展示編程的精髓[3]。

1.5 HTML5

HTML5不是一門編程語言，而是一種描述性的標記語言。通過瀏覽器的解釋執行，對頁面進行展示。現在大部分的瀏覽器對HTML5都有很好的支持，對于頁面的快速布局開發，HTML是最佳的選擇。

1.6 VUE

VUE是漸進式的框架。它可以很好地構建用戶使用的界面，能夠實現視圖和模型的雙向綁定。數據變化時，網頁內容能隨之自動刷新，網頁綁定的數據也會隨之更新。前端頁面用HTML5配合VUE等，開發時會事半功倍，可以更好地把后臺傳過來的數據渲染到前端頁面上。

2 系統架構

本文設計的校園閑置物品交易平臺主要針對兩類用戶角色：用戶和系統管理員。用戶可以注冊賬號并進行登錄，登錄之后可以發布商品，還可以修改個人信息、瀏覽所有商品。系統管理員主要對用戶、發布的商品進行管理。閑置物品交易系統功能如圖1所示。

3 校園閑置物品交易平臺功能設計

校園閑置物品交易平臺可以解決在校大學生的諸多問題，使學生買到合適且性價比高的物品[4-5]。具體實現功能如下。

用戶登錄注冊功能。登錄界面使用ElementUI框架技術美化并優化界面。ElementUI框架下的多種組件使開發出來的軟件界面統一、交互流暢、美觀簡潔、容易上手，這些交互主要使用Ajax實現，登錄成功后使用消息彈框提醒[6]，登錄界面如圖2所示。

出售信息模塊：用戶登錄本系統后，可以把物品發布到網站上進行展示。校園閑置交易物品信息如圖3所示。

信息搜索模塊：主要分為信息搜索模塊以及信息瀏覽模塊。用戶通過信息搜索模塊可以快速找到自己所需的物品，通過信息瀏覽模塊可以瀏覽篩選出來的物品信息，效果圖如圖4所示。

物品管理模塊：管理員對用戶上傳的所有物品進行管理，分為查看物品以及刪除物品。因為物品交易平臺可能會出現一些違禁商品，因此，管理員需要審核及刪除違規商品。管理員管理界面如圖5所示。

用戶管理模塊：用戶管理模塊主要提供個人信息查詢、用戶密碼修改等功能。同時，還可以查看、編輯、刪除自己發布的商品。個人中心界面如圖6所示。

信息管理模塊：管理員通過獨立的網頁進入后臺，對用戶進行管理。管理員后臺管理界面如圖7所示。

4 系統測試

4.1 登錄測試

進行的測試有輸入錯誤的賬號或密碼、輸入不存在的賬號或密碼、在未登錄的情況下直接進入系統、在未登錄的情況下在地址欄輸入頁面地址進行跳轉、登錄頁面是否限制SQL注入、驗證碼明文傳入或驗證碼后臺未校驗等。同時，在此基礎上對瀏覽器的兼容性進行了大量測試，測試的瀏覽器有谷歌、火狐、IE，測試了是否支持Tab鍵以及Enter鍵。測試結果都與預期結果一致。

4.2 發布物品功能測試

在測試發布物品功能中，首先對發布新的物品這個功能進行測試，主要測試點擊發布物品按鈕，彈出對話框然后輸入發布物品的詳細信息。在頁面返回的結果中提示新增成功，并且在頁面可以查看新增的商品信息。最后在經過大量測試之后，測試結果與預測的結果保持一致。

4.3 物品信息編輯測試

在測試完發布物品功能之后，測試編輯物品信息功能。和發布物品功能一樣，先對已發布的物品信息進行修改。測試流程：首先，在已發布商品頁面點擊編輯，出現彈出層;其次，在彈出層展示物品的詳細信息，修改信息后保存。預期的結果為點擊保存后，商品信息已修改，數據庫中的信息隨之修改。在經過大量測試后，測試結果與預期結果一致。

4.4 用戶密碼修改測試

用戶可以自主進行個人密碼的修改。在測試修改密碼的過程中，首先進入個人中心頁面，點擊修改密碼按鈕，然后按照提示輸入原始密碼和新設置的密碼。預期結果為彈框提示密碼修改成功，再次登錄時，舊密碼不能使用。通過在瀏覽器端進行大量模擬測試之后，測試結果與預期結果一致。

4.5 網站性能測試

通過瀏覽器端大量的模擬測試，統計網站的運行狀態、響應請求時間、請求成功次數和失敗次數等。通過這些數據來判斷系統的性能，對響應時間過長的請求進行優化。使用圖形化操作MySQL數據庫的軟件SQLyog，單獨運行所使用到的SQL語句，統計SQL語句的運行時間，對SQL運行緩慢的語句進行優化。

5 結語

本文設計并實現了一款校園閑置物品交易平臺，其基本滿足了用戶的需求。網站后臺設計也滿足了預期功能，后臺管理員通過不同端口登錄，可以實現對用戶數據和用戶上傳的物品進行管理。

參考文獻：

[1]鄭建華，霍仁崇，甘秀娜.校園二手商品交易平臺的設計與實現[J].計算機光盤軟件與應用，2012（9）：189-190.

[2]馬豫星.Redis數據庫特性分析[J].物聯網技術，2015（3）：105-106.

[3]程周育，王超.基于HTML5的電力信息發布管控系統[J].電腦知識與技術，2014（10）：71-73.

[4]薄奇，許林英.Spring框架中IoC的實現[J].微處理機，2008（1）：149-151，155.

[5]張海燕，計算機軟件開發的JAVA編程語言應用[J].電子技術與軟件工程，2019（15）：115.

[6]林小棠.計算機軟件開發的JAVA編程語言及其實際應用[J].計算機產品與流通，2019（8）：60-61.