錢佳楠　閏志學(xué)　鄒運(yùn)蘭

摘要：當(dāng)代大學(xué)生擁有越來越多丟之可惜、藏之無用的閑置商品，但這些東西恰好可以滿足另一些學(xué)生所需，除物品轉(zhuǎn)讓外大家還可以互相轉(zhuǎn)讓技能，針對(duì)這一現(xiàn)狀進(jìn)行分析和總結(jié)，開發(fā)出“校園閑智”系統(tǒng)。前臺(tái)使用HTML+CSS搭建框架結(jié)構(gòu)，按設(shè)計(jì)進(jìn)行美化，搭配VUE的element-ui組件以及CSS3的關(guān)鍵幀動(dòng)畫做出頁面各種動(dòng)畫效果，同時(shí)利用Javascript和Jquery實(shí)現(xiàn)動(dòng)態(tài)功能。后臺(tái)使用Spring和Mybatis框架以及MVC三層模型架構(gòu)，保證了系統(tǒng)的可擴(kuò)展性和可維護(hù)性。本系統(tǒng)將“閑置”拓展到“閑智”，融入智慧元素，把共享與交流、物品與技能有機(jī)結(jié)合，達(dá)到物盡其能、智慧共享。

關(guān)鍵詞：校園閑智 技能共享物品交換 信息共享

前言

隨著網(wǎng)絡(luò)技術(shù)的不斷更新，網(wǎng)上交易在現(xiàn)代人的生活中越來越常見，我們生活環(huán)境的變化與人們?nèi)找嬖鲩L(zhǎng)的需求不斷推動(dòng)著電子商務(wù)的發(fā)展?，F(xiàn)在學(xué)生閑置的物品種類繁多，有些東西閑置在宿舍很占空間，丟掉的話卻又是對(duì)資源的一種浪費(fèi)，中不乏書籍資料、電子設(shè)備、生活用品這些高度重復(fù)利用的物品，并且高校學(xué)生有很強(qiáng)的流動(dòng)性，使得高校=手市場(chǎng)有著龐大的需求。所以我們決定借助于方便快捷并且成本低的網(wǎng)絡(luò)開發(fā)一個(gè)校園閑置資源交換交易信息平臺(tái)，這個(gè)平臺(tái)不僅能解決同學(xué)們閑置物品的交換同時(shí)也支持專業(yè)技能和學(xué)習(xí)資料信息之間的交換。并且這個(gè)平臺(tái)也可以作為一個(gè)欄目掛放在學(xué)校首頁上，這樣不僅解決了同學(xué)們閑置物品的交換和購物需求，也加強(qiáng)了各個(gè)專業(yè)同學(xué)之間的交流。

1系統(tǒng)需求分析及功能設(shè)計(jì)

1.1系統(tǒng)需求分析

學(xué)生在此系統(tǒng)中注冊(cè)并完成實(shí)名認(rèn)證后，既可以作為消費(fèi)者購買物品、獲取信息等等，也可以作為供應(yīng)者上傳想要出售的物品、想要出租的技能、想要發(fā)布的信息等等。同時(shí)用戶也可以通過與其他用戶的物品交換、技能共享等手段結(jié)識(shí)新朋友。

該系統(tǒng)主要由六大功能模塊組成，分別是用戶登錄模塊、管理員管理模塊、資源管理模塊、交易管理模塊信息管理模塊、用戶管理模塊。以下為各模塊的主要功能：

用戶登錄模塊該模塊用于用戶注冊(cè)、登錄、填寫完善個(gè)人資料、實(shí)名認(rèn)證等;包括限制注冊(cè)時(shí)的密碼格式應(yīng)含有大小寫字母及數(shù)字的密碼組合，且密碼長(zhǎng)度不低于六位數(shù);基本信息包括所在院校、有效學(xué)號(hào)、聯(lián)系方式、學(xué)籍認(rèn)證等。

管理員管理模塊管理員在看次模塊中主要負(fù)責(zé)整個(gè)系統(tǒng)的運(yùn)營(yíng)維護(hù)。管理以及及時(shí)維護(hù)各功能模塊。擁有該網(wǎng)站對(duì)于基礎(chǔ)事物的最高維護(hù)權(quán)限。享有該網(wǎng)站各功能模塊的管理權(quán)限。

資源管理模塊主要負(fù)責(zé)存儲(chǔ)和管理各用戶的物品信息，技能信息等，包含物品或技能名稱、購買時(shí)間、交易價(jià)格或交換條件、技能出租時(shí)間等

交易管理模塊交易物品或資源出售界面、交易相關(guān)信息、買賣雙方聊天窗口、交易合同、交易訂單、買賣雙方評(píng)價(jià)等

信息管理模塊此模塊主要負(fù)責(zé)信息的收集、整理、查詢以及發(fā)布等。包括查詢信息、發(fā)布所需物品、發(fā)布帖子、聊天信息、失物招領(lǐng)、尋物啟事、找人找車找組織等等。

用戶管理模塊用于維護(hù)和管理用戶信息及修改信息等。

1.2系統(tǒng)功能設(shè)計(jì)

本系統(tǒng)前臺(tái)主要功能包括學(xué)生下單學(xué)生結(jié)帳訂單查詢系統(tǒng)結(jié)賬、學(xué)生管理等。

學(xué)生下單：完成學(xué)生下單，可提供不同類型下單區(qū)別。

學(xué)生接單：完成學(xué)生接單，接單數(shù)量沒有限制。

系統(tǒng)結(jié)帳：自動(dòng)統(tǒng)計(jì)每個(gè)下單的學(xué)生在下單時(shí)所發(fā)布的款額，并完成結(jié)帳操作。

訂單查詢：完成訂單信息、修改訂單、刪除訂單等等查詢功能。

學(xué)生管理：完成學(xué)生賬號(hào)信息的統(tǒng)一管理。

系統(tǒng)功能結(jié)構(gòu)如圖2 1所示。

用戶分普通級(jí)別用戶和管理員級(jí)別用戶，不能級(jí)別用戶通過登錄界面進(jìn)入系統(tǒng)所看到的功能不一樣，如圖2_2所示是普通用戶看到的界面。

系統(tǒng)后臺(tái)功能主要包括下單、結(jié)算、預(yù)定和設(shè)計(jì)管理等。

下單：該功能的實(shí)現(xiàn)分為物品開單和輔導(dǎo)開單，開單后下單狀態(tài)。根據(jù)系統(tǒng)設(shè)置，自動(dòng)發(fā)布。

結(jié)算：該功能自動(dòng)統(tǒng)計(jì)每個(gè)登記賬戶在接單時(shí)所發(fā)生的付款額，并完成結(jié)帳操作。

預(yù)定：該功能分為訂單查詢、修改訂單、刪除訂單等，提供人性化預(yù)約服務(wù)，大大提高智慧交換效率。

設(shè)計(jì)管理：該功能限定了只有管理員權(quán)限的操作員才有權(quán)使用此類功能。對(duì)賬戶、訂單、計(jì)費(fèi)標(biāo)準(zhǔn)進(jìn)行設(shè)置，確保智慧交易的安全性，同時(shí)對(duì)用戶隱私進(jìn)行保密。

1.3系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)

本系統(tǒng)所用數(shù)據(jù)庫是MysoL，數(shù)據(jù)表用戶表、發(fā)布表、合同表、物品類型表和交易類型表，分別如下所示。

2系統(tǒng)實(shí)現(xiàn)

2.1前臺(tái)實(shí)現(xiàn)

Photoshop是較為目前通用的制圖軟件，簡(jiǎn)稱PS。PS在圖片處理方面有著得天獨(dú)厚的優(yōu)勢(shì)，由于“校園閑智”平臺(tái)上交換的不只是具象物品，還存在諸多技能、經(jīng)驗(yàn)、幫助等無形知識(shí)類交換，為了使其展示效果更為突出，PS技術(shù)起到了關(guān)鍵性作用。同時(shí)在系統(tǒng)開發(fā)過程中，對(duì)Iogo、圖片、圖標(biāo)等圖像文件的處理也是主要由PS技術(shù)來完成的，為平臺(tái)的整潔與美觀提供了較大的支持。

“校園閑智”系統(tǒng)框架結(jié)構(gòu)主要是使用HTML+CSS進(jìn)行搭建?！靶@閑智”最初旨在建立一個(gè)完善的網(wǎng)站平臺(tái)，HTML為使用者頁面標(biāo)記、超鏈接到交易雙方、使用交易者自己的圖片、生成表單等操作提供了框架支持，結(jié)合css中頁面布局、容器、網(wǎng)頁元素，通過一個(gè)個(gè)交易者界面的實(shí)現(xiàn)過程，形成完整的交易框架。

“校園閑智”要做創(chuàng)新型大學(xué)生二手物品交易平臺(tái)，且不局限于實(shí)物，虛擬商品通過PS技術(shù)展現(xiàn)難以達(dá)到所有用戶需要，通過VUE技術(shù)的elementui組件以及CSS3的關(guān)鍵幀動(dòng)畫做出更為直觀的動(dòng)態(tài)效果，是平臺(tái)逐步滿足不同階層用戶需要的基礎(chǔ)技術(shù)。

2.2后臺(tái)實(shí)現(xiàn)

后臺(tái)主要用Eclipse開發(fā)環(huán)境eclipse不僅是java集成開發(fā)環(huán)境，同時(shí)還是插件開發(fā)環(huán)境，是整個(gè)系統(tǒng)內(nèi)容管理方面的基礎(chǔ)實(shí)現(xiàn)環(huán)境，在本系統(tǒng)上的插件主要應(yīng)用了link文件法。使用eclipse開發(fā)也是在為后面完善“校園閑智”移動(dòng)端打下堅(jiān)實(shí)的基礎(chǔ)。

后臺(tái)使用了Spring和Mybatis框架，使用了MVC三層模型架構(gòu)，保證了系統(tǒng)的可擴(kuò)展性和可維護(hù)性。后臺(tái)開發(fā)是整個(gè)“校園閑智”系統(tǒng)正常運(yùn)行的關(guān)鍵也是核心。因此，后臺(tái)框架的開發(fā)需要承擔(dān)起基礎(chǔ)良好的重任。大多數(shù)企業(yè)選擇Spring框架，Spring框架提供了構(gòu)建“校園閑智”的全功能MVC模塊，在分離交易物品方面可以同其他vlew框架無縫集成。Spring框架可配置性大大方便了“校園閑智”系統(tǒng)的后臺(tái)開發(fā)，多種視圖技術(shù)便捷了多種交易品的展示。同時(shí)Sprmg可以通過分離控制器、交易品、分派器以及處理用戶所使用的功能，使其更容易進(jìn)行定制。

3結(jié)語

通過對(duì)大學(xué)生閑置物品和專業(yè)知識(shí)不互通的調(diào)查，我們發(fā)現(xiàn)傳統(tǒng)信息及物品交換尚存很大的局限性，致力于將勤儉節(jié)約的傳統(tǒng)美德與信息時(shí)代的互聯(lián)網(wǎng)結(jié)合，是我們的初衷，立足網(wǎng)站，后續(xù)工作將拓展APP相關(guān)功能并進(jìn)一步完善網(wǎng)站功能以便更好的服務(wù)用戶，努力設(shè)計(jì)并實(shí)現(xiàn)高校閑置交換平臺(tái)，其能滿足當(dāng)代大學(xué)生乃至更大群體對(duì)閑置物品以及技能知識(shí)等等進(jìn)行有機(jī)、高效的處置，真正實(shí)現(xiàn)物盡其用。

參考文獻(xiàn)

[1]徐春綿.關(guān)于網(wǎng)站開發(fā)相關(guān)問題的探究[J].通訊世界，2015（9）.

[2]桑梓檳，高校二手物品交易網(wǎng)站的涉及與實(shí)現(xiàn)[D].廈門：廈門大學(xué)，2013.

[3]郭鵬.高校二手物品交易系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D].南昌：南昌大學(xué)，2014.

[4]鄧蘊(yùn).文化創(chuàng)意類網(wǎng)站UI設(shè)計(jì)與實(shí)現(xiàn)A].北京：北京工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2018.

[5]杜現(xiàn)朝，龍懷冰，王清理，別曉武，基于Web標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)與開發(fā)流程[A]2008.