校園閑智系統設計與實現

錢佳楠　閏志學　鄒運蘭

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

關鍵詞：校園閑智 技能共享物品交換 信息共享

前言

隨著網絡技術的不斷更新，網上交易在現代人的生活中越來越常見，我們生活環境的變化與人們日益增長的需求不斷推動著電子商務的發展?，F在學生閑置的物品種類繁多，有些東西閑置在宿舍很占空間，丟掉的話卻又是對資源的一種浪費，中不乏書籍資料、電子設備、生活用品這些高度重復利用的物品，并且高校學生有很強的流動性，使得高校=手市場有著龐大的需求。所以我們決定借助于方便快捷并且成本低的網絡開發一個校園閑置資源交換交易信息平臺，這個平臺不僅能解決同學們閑置物品的交換同時也支持專業技能和學習資料信息之間的交換。并且這個平臺也可以作為一個欄目掛放在學校首頁上，這樣不僅解決了同學們閑置物品的交換和購物需求，也加強了各個專業同學之間的交流。

1系統需求分析及功能設計

1.1系統需求分析

學生在此系統中注冊并完成實名認證后，既可以作為消費者購買物品、獲取信息等等，也可以作為供應者上傳想要出售的物品、想要出租的技能、想要發布的信息等等。同時用戶也可以通過與其他用戶的物品交換、技能共享等手段結識新朋友。

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

用戶登錄模塊該模塊用于用戶注冊、登錄、填寫完善個人資料、實名認證等;包括限制注冊時的密碼格式應含有大小寫字母及數字的密碼組合，且密碼長度不低于六位數;基本信息包括所在院校、有效學號、聯系方式、學籍認證等。

管理員管理模塊管理員在看次模塊中主要負責整個系統的運營維護。管理以及及時維護各功能模塊。擁有該網站對于基礎事物的最高維護權限。享有該網站各功能模塊的管理權限。

資源管理模塊主要負責存儲和管理各用戶的物品信息，技能信息等，包含物品或技能名稱、購買時間、交易價格或交換條件、技能出租時間等

交易管理模塊交易物品或資源出售界面、交易相關信息、買賣雙方聊天窗口、交易合同、交易訂單、買賣雙方評價等

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

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

1.2系統功能設計

本系統前臺主要功能包括學生下單學生結帳訂單查詢系統結賬、學生管理等。

學生下單：完成學生下單，可提供不同類型下單區別。

學生接單：完成學生接單，接單數量沒有限制。

系統結帳：自動統計每個下單的學生在下單時所發布的款額，并完成結帳操作。

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

學生管理：完成學生賬號信息的統一管理。

系統功能結構如圖2 1所示。

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

系統后臺功能主要包括下單、結算、預定和設計管理等。

下單：該功能的實現分為物品開單和輔導開單，開單后下單狀態。根據系統設置，自動發布。

結算：該功能自動統計每個登記賬戶在接單時所發生的付款額，并完成結帳操作。

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

設計管理：該功能限定了只有管理員權限的操作員才有權使用此類功能。對賬戶、訂單、計費標準進行設置，確保智慧交易的安全性，同時對用戶隱私進行保密。

1.3系統數據庫設計

本系統所用數據庫是MysoL，數據表用戶表、發布表、合同表、物品類型表和交易類型表，分別如下所示。

2系統實現

2.1前臺實現

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

“校園閑智”系統框架結構主要是使用HTML+CSS進行搭建?！靶@閑智”最初旨在建立一個完善的網站平臺，HTML為使用者頁面標記、超鏈接到交易雙方、使用交易者自己的圖片、生成表單等操作提供了框架支持，結合css中頁面布局、容器、網頁元素，通過一個個交易者界面的實現過程，形成完整的交易框架。

“校園閑智”要做創新型大學生二手物品交易平臺，且不局限于實物，虛擬商品通過PS技術展現難以達到所有用戶需要，通過VUE技術的elementui組件以及CSS3的關鍵幀動畫做出更為直觀的動態效果，是平臺逐步滿足不同階層用戶需要的基礎技術。

2.2后臺實現

后臺主要用Eclipse開發環境eclipse不僅是java集成開發環境，同時還是插件開發環境，是整個系統內容管理方面的基礎實現環境，在本系統上的插件主要應用了link文件法。使用eclipse開發也是在為后面完善“校園閑智”移動端打下堅實的基礎。

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

3結語

通過對大學生閑置物品和專業知識不互通的調查，我們發現傳統信息及物品交換尚存很大的局限性，致力于將勤儉節約的傳統美德與信息時代的互聯網結合，是我們的初衷，立足網站，后續工作將拓展APP相關功能并進一步完善網站功能以便更好的服務用戶，努力設計并實現高校閑置交換平臺，其能滿足當代大學生乃至更大群體對閑置物品以及技能知識等等進行有機、高效的處置，真正實現物盡其用。

參考文獻

[1]徐春綿.關于網站開發相關問題的探究[J].通訊世界，2015（9）.

[2]桑梓檳，高校二手物品交易網站的涉及與實現[D].廈門：廈門大學，2013.

[3]郭鵬.高校二手物品交易系統設計與實現[D].南昌：南昌大學，2014.

[4]鄧蘊.文化創意類網站UI設計與實現A].北京：北京工業職業技術學院學報，2018.

[5]杜現朝，龍懷冰，王清理，別曉武，基于Web標準的網站設計與開發流程[A]2008.