羅宇瑞?張秋霞

摘 要：隨著互聯(lián)網(wǎng)的發(fā)展，人們的生活水平相較于以前有了很大的提升，物品更新?lián)Q代非?？?，閑置物品也隨之激增?；诖?，本文設(shè)計(jì)了一款校園閑置物品交易平臺(tái)。該平臺(tái)使用Java語言開發(fā)，MySQL作為數(shù)據(jù)庫，IntelliJ IDEA作為開發(fā)工具。網(wǎng)站后端使用了SSM框架，網(wǎng)站前端使用了是VUE、HTML5、CSS、ElementUI和JQ進(jìn)行布局和修飾。系統(tǒng)界面美觀，功能完善，運(yùn)行穩(wěn)定可靠，適用于校園二手物品交易。

關(guān)鍵詞：互聯(lián)網(wǎng);閑置物品交易平臺(tái); IntelliJ IDEA

中圖分類號(hào)：TP39文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：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

隨著“互聯(lián)網(wǎng)+”技術(shù)的飛速發(fā)展，學(xué)生利用互聯(lián)網(wǎng)的能力也越來越強(qiáng)。當(dāng)前，“網(wǎng)購”已成為校園里極為普遍的現(xiàn)象，但也產(chǎn)生了很多問題，例如，人們購買了新的物品后，會(huì)導(dǎo)致原來還能使用的物品閑置，造成資源浪費(fèi)。為了有效解決這些問題，二手物品交易市場應(yīng)運(yùn)而生，人們可以在二手物品交易市場上出售自己的閑置物品，購買所需的物品，這不僅使出售方彌補(bǔ)了自己的損失，而且使購買方購買到了心儀的物品，使閑置資源得到了有效利用[1]。由此，本文對(duì)校園閑置物品交易平臺(tái)架構(gòu)進(jìn)行設(shè)計(jì)分析。

1 開發(fā)工具與關(guān)鍵技術(shù)簡介

校園閑置物品交易平臺(tái)的開發(fā)用到了大量的新興技術(shù)，包括VUE、ElementUI、Riders。網(wǎng)站頁面主要使用VUE、ElementUI和HTML5、CSS、JQ進(jìn)行設(shè)計(jì)制作;網(wǎng)站后臺(tái)主要使用Java語言進(jìn)行開發(fā)。

1.1 IntelliJ IDEA

IntelliJ IDEA是支持Java、Scala、Groovy等語言的開發(fā)工具，同時(shí)具備支持目前主流的技術(shù)和框架，擅長進(jìn)行企業(yè)應(yīng)用、移動(dòng)應(yīng)用和Web應(yīng)用的開發(fā)。目前，絕大多數(shù)從事Java語言開發(fā)的軟件公司都在使用這款軟件。

1.2 MySQL

MySQL數(shù)據(jù)庫具有開源、免費(fèi)、穩(wěn)定等特性，適合中小型項(xiàng)目開發(fā)。它操作簡單，配合Navicat圖形化操作數(shù)據(jù)庫，適用于數(shù)據(jù)庫的設(shè)計(jì)、建表和建庫。

1.3 Redis

Redis是一個(gè)開源的、基于內(nèi)存的數(shù)據(jù)結(jié)構(gòu)存儲(chǔ)系統(tǒng)，它可以作為數(shù)據(jù)庫、緩存、消息中間件。Redis將數(shù)據(jù)存到緩存中，數(shù)據(jù)查詢速度特別快，而且存儲(chǔ)支持多種格式，可以存儲(chǔ)基礎(chǔ)類型以及對(duì)象或者是集合等各種格式，而且沒有字段限制，擴(kuò)展的時(shí)候非常容易[2]。

1.4 Java

Java是一門面向?qū)ο蟮木幊陶Z言。它功能強(qiáng)大，簡單易用。它的結(jié)構(gòu)簡明嚴(yán)謹(jǐn)，語法簡潔，能夠很好地展示編程的精髓[3]。

1.5 HTML5

HTML5不是一門編程語言，而是一種描述性的標(biāo)記語言。通過瀏覽器的解釋執(zhí)行，對(duì)頁面進(jìn)行展示?，F(xiàn)在大部分的瀏覽器對(duì)HTML5都有很好的支持，對(duì)于頁面的快速布局開發(fā)，HTML是最佳的選擇。

1.6 VUE

VUE是漸進(jìn)式的框架。它可以很好地構(gòu)建用戶使用的界面，能夠?qū)崿F(xiàn)視圖和模型的雙向綁定。數(shù)據(jù)變化時(shí)，網(wǎng)頁內(nèi)容能隨之自動(dòng)刷新，網(wǎng)頁綁定的數(shù)據(jù)也會(huì)隨之更新。前端頁面用HTML5配合VUE等，開發(fā)時(shí)會(huì)事半功倍，可以更好地把后臺(tái)傳過來的數(shù)據(jù)渲染到前端頁面上。

2 系統(tǒng)架構(gòu)

本文設(shè)計(jì)的校園閑置物品交易平臺(tái)主要針對(duì)兩類用戶角色：用戶和系統(tǒng)管理員。用戶可以注冊(cè)賬號(hào)并進(jìn)行登錄，登錄之后可以發(fā)布商品，還可以修改個(gè)人信息、瀏覽所有商品。系統(tǒng)管理員主要對(duì)用戶、發(fā)布的商品進(jìn)行管理。閑置物品交易系統(tǒng)功能如圖1所示。

3 校園閑置物品交易平臺(tái)功能設(shè)計(jì)

校園閑置物品交易平臺(tái)可以解決在校大學(xué)生的諸多問題，使學(xué)生買到合適且性價(jià)比高的物品[4-5]。具體實(shí)現(xiàn)功能如下。

用戶登錄注冊(cè)功能。登錄界面使用ElementUI框架技術(shù)美化并優(yōu)化界面。ElementUI框架下的多種組件使開發(fā)出來的軟件界面統(tǒng)一、交互流暢、美觀簡潔、容易上手，這些交互主要使用Ajax實(shí)現(xiàn)，登錄成功后使用消息彈框提醒[6]，登錄界面如圖2所示。

出售信息模塊：用戶登錄本系統(tǒng)后，可以把物品發(fā)布到網(wǎng)站上進(jìn)行展示。校園閑置交易物品信息如圖3所示。

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

物品管理模塊：管理員對(duì)用戶上傳的所有物品進(jìn)行管理，分為查看物品以及刪除物品。因?yàn)槲锲方灰灼脚_(tái)可能會(huì)出現(xiàn)一些違禁商品，因此，管理員需要審核及刪除違規(guī)商品。管理員管理界面如圖5所示。

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

信息管理模塊：管理員通過獨(dú)立的網(wǎng)頁進(jìn)入后臺(tái)，對(duì)用戶進(jìn)行管理。管理員后臺(tái)管理界面如圖7所示。

4 系統(tǒng)測試

4.1 登錄測試

進(jìn)行的測試有輸入錯(cuò)誤的賬號(hào)或密碼、輸入不存在的賬號(hào)或密碼、在未登錄的情況下直接進(jìn)入系統(tǒng)、在未登錄的情況下在地址欄輸入頁面地址進(jìn)行跳轉(zhuǎn)、登錄頁面是否限制SQL注入、驗(yàn)證碼明文傳入或驗(yàn)證碼后臺(tái)未校驗(yàn)等。同時(shí)，在此基礎(chǔ)上對(duì)瀏覽器的兼容性進(jìn)行了大量測試，測試的瀏覽器有谷歌、火狐、IE，測試了是否支持Tab鍵以及Enter鍵。測試結(jié)果都與預(yù)期結(jié)果一致。

4.2 發(fā)布物品功能測試

在測試發(fā)布物品功能中，首先對(duì)發(fā)布新的物品這個(gè)功能進(jìn)行測試，主要測試點(diǎn)擊發(fā)布物品按鈕，彈出對(duì)話框然后輸入發(fā)布物品的詳細(xì)信息。在頁面返回的結(jié)果中提示新增成功，并且在頁面可以查看新增的商品信息。最后在經(jīng)過大量測試之后，測試結(jié)果與預(yù)測的結(jié)果保持一致。

4.3 物品信息編輯測試

在測試完發(fā)布物品功能之后，測試編輯物品信息功能。和發(fā)布物品功能一樣，先對(duì)已發(fā)布的物品信息進(jìn)行修改。測試流程：首先，在已發(fā)布商品頁面點(diǎn)擊編輯，出現(xiàn)彈出層;其次，在彈出層展示物品的詳細(xì)信息，修改信息后保存。預(yù)期的結(jié)果為點(diǎn)擊保存后，商品信息已修改，數(shù)據(jù)庫中的信息隨之修改。在經(jīng)過大量測試后，測試結(jié)果與預(yù)期結(jié)果一致。

4.4 用戶密碼修改測試

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

4.5 網(wǎng)站性能測試

通過瀏覽器端大量的模擬測試，統(tǒng)計(jì)網(wǎng)站的運(yùn)行狀態(tài)、響應(yīng)請(qǐng)求時(shí)間、請(qǐng)求成功次數(shù)和失敗次數(shù)等。通過這些數(shù)據(jù)來判斷系統(tǒng)的性能，對(duì)響應(yīng)時(shí)間過長的請(qǐng)求進(jìn)行優(yōu)化。使用圖形化操作MySQL數(shù)據(jù)庫的軟件SQLyog，單獨(dú)運(yùn)行所使用到的SQL語句，統(tǒng)計(jì)SQL語句的運(yùn)行時(shí)間，對(duì)SQL運(yùn)行緩慢的語句進(jìn)行優(yōu)化。

5 結(jié)語

本文設(shè)計(jì)并實(shí)現(xiàn)了一款校園閑置物品交易平臺(tái)，其基本滿足了用戶的需求。網(wǎng)站后臺(tái)設(shè)計(jì)也滿足了預(yù)期功能，后臺(tái)管理員通過不同端口登錄，可以實(shí)現(xiàn)對(duì)用戶數(shù)據(jù)和用戶上傳的物品進(jìn)行管理。

參考文獻(xiàn)：

[1]鄭建華，霍仁崇，甘秀娜.校園二手商品交易平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012（9）：189-190.

[2]馬豫星.Redis數(shù)據(jù)庫特性分析[J].物聯(lián)網(wǎng)技術(shù)，2015（3）：105-106.

[3]程周育，王超.基于HTML5的電力信息發(fā)布管控系統(tǒng)[J].電腦知識(shí)與技術(shù)，2014（10）：71-73.

[4]薄奇，許林英.Spring框架中IoC的實(shí)現(xiàn)[J].微處理機(jī)，2008（1）：149-151，155.

[5]張海燕，計(jì)算機(jī)軟件開發(fā)的JAVA編程語言應(yīng)用[J].電子技術(shù)與軟件工程，2019（15）：115.

[6]林小棠.計(jì)算機(jī)軟件開發(fā)的JAVA編程語言及其實(shí)際應(yīng)用[J].計(jì)算機(jī)產(chǎn)品與流通，2019（8）：60-61.