李冬冬 劉華明 畢學(xué)慧 王秀友

摘要：隨著人民生活水平的提高，有價(jià)值的舊衣服越來越多，傳統(tǒng)的簡(jiǎn)單的舊衣處理方式，很難發(fā)揮舊衣的價(jià)值。在當(dāng)前國(guó)家脫貧攻堅(jiān)戰(zhàn)略下，該系統(tǒng)針對(duì)舊衣再利用問題，提供了一個(gè)信息化平臺(tái)，可以實(shí)現(xiàn)捐衣者發(fā)布舊衣信息和申領(lǐng)者申領(lǐng)舊衣以及發(fā)布需求。系統(tǒng)采用B/S、HTML5、JSP等關(guān)鍵技術(shù)和SSM框架進(jìn)行開發(fā)，以Tomcat為服務(wù)器，輔以BootStrap、Jquery等當(dāng)前流行的前端技術(shù)優(yōu)化交互界面。事實(shí)證明，該系統(tǒng)可以滿足用戶舊衣申領(lǐng)的較多要求，操作簡(jiǎn)便，為更多舊衣需求者提供了快捷的網(wǎng)絡(luò)服務(wù)。

關(guān)鍵詞：舊衣申領(lǐng)系統(tǒng)；B/S；SSM；JSP；HTML5；MySQL

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）08-0047-04

開放科學(xué)（資源服務(wù)）標(biāo)識(shí)碼（OSID）：

Design and Implementation of the Old Clothes Claiming System

LI Dong-dong， LIU Hua-ming， BI Xue-hui， WANG Xiu-you

（The School of Computer and Information Engineering， Fuyang Normal College， Fuyang 236037， China）

Abstract： With the improvement of people's living standards， there are more and more valuable old clothes. The traditional simple way of handling old clothes makes it difficult to use the value of old clothes. Under the current national strategy of poverty alleviation， the system provides an information platform for the reuse of old clothes， which enables donors to release old clothes information and claimants to apply for old clothes and release requirements. The system uses B/S， HTML5， JSP and other key technologies and SSM framework for development， with Tomcat as the server， supplemented by BootStrap， Jquery and other popular front-end technologies to optimize the interactive interface. As a matter of fact， the system can meet the requirements of user's old clothes application and is easy to operate， providing a quick network service for more people who need old clothes.

Key words：old clothes claiming system； B/S；SSM； JSP； HTML5； MySQL

1 背景

隨著人們生活水平的不斷提高，舊衣服不斷增多，甚至一些七八成新的衣服也擱置在衣柜或直接當(dāng)垃圾處理，的確非?？上?。然而，在一些貧窮落后的地方，有些人連基本的溫飽問題都很難解決，雖然政府會(huì)有一定的補(bǔ)貼，但這些補(bǔ)貼主要用在看病和飲食上，他們對(duì)舊衣服有很大的需求，能夠免費(fèi)得到有價(jià)值的舊衣服簡(jiǎn)直是雪中送炭。于是，產(chǎn)生了這樣的問題：有舊衣服的人不知道如何處理舊衣，有需求的人也不知道通過什么渠道獲取舊衣資源。

舊衣浪費(fèi)已成為消費(fèi)時(shí)代被浪費(fèi)的最嚴(yán)重的社會(huì)資源之一，我國(guó)每年約有2600萬噸舊衣服被扔進(jìn)垃圾桶，這個(gè)數(shù)字十分驚人[1]。對(duì)于舊衣服的處置卻沒有相應(yīng)的手段和對(duì)策，以至于成為一個(gè)比較棘手的社會(huì)難題。合理利用舊衣服，讓需要的人及時(shí)申領(lǐng)，不僅能夠造福他人，造福社會(huì)，也解決了一個(gè)社會(huì)難題?；谶@樣的理念，我們開發(fā)了一個(gè)面向大眾的、方便快捷的舊衣申領(lǐng)網(wǎng)絡(luò)平臺(tái)，希望越來越多的用戶參與其中，從中淘取到有用的衣服。

2 需求分析

2.1 系統(tǒng)流程

本系統(tǒng)有捐衣者、申領(lǐng)者、管理員三類用戶。其中捐衣者和申領(lǐng)者是同一個(gè)用戶的不同表現(xiàn)形式，如果用戶進(jìn)行捐衣操作，那么他就是捐衣者；如果用戶申領(lǐng)或發(fā)布需求操作，那么他就是申領(lǐng)者。管理員負(fù)責(zé)對(duì)整個(gè)系統(tǒng)進(jìn)行日常的管理與維護(hù)，接收用戶的反饋，解決用戶需求。系統(tǒng)流程圖如圖1所示。

本系統(tǒng)基于B/S（瀏覽器/服務(wù)器）架構(gòu)模式[2]，用戶通過瀏覽器訪問，主要事務(wù)邏輯在服務(wù)器端（Server）實(shí)現(xiàn)，如圖2所示?？蛻魴C(jī)通過瀏覽器訪問服務(wù)器，大大簡(jiǎn)化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體成本[3]。在這種結(jié)構(gòu)下，用戶就可以通過網(wǎng)絡(luò)隨時(shí)隨地進(jìn)行捐衣和申領(lǐng)操作。

2.2 開發(fā)工具和開發(fā)平臺(tái)

本系統(tǒng)運(yùn)用MyEclipse企業(yè)級(jí)集成開發(fā)環(huán)境、Tomcat服務(wù)器、Dreamweaver網(wǎng)頁編輯器、jQuery、bootstrap、Fileupload上傳插件、JavaEE企業(yè)級(jí)的應(yīng)用框架[4]等開發(fā)工具。

系統(tǒng)采用JSP技術(shù)開發(fā)，實(shí)現(xiàn)前端和后端的管理。用tomcat搭建服務(wù)器，前端頁面采用目前流行的HTML5技術(shù)[5-6]，自適應(yīng)各種平臺(tái)；后端采用SSM（SpringMVC+spring+mybatis）框架[7-8]。

2.3 系統(tǒng)功能

總的來說，舊衣申領(lǐng)系統(tǒng)可以實(shí)現(xiàn)舊衣申領(lǐng)和捐獻(xiàn)的功能。根據(jù)用戶的不同，對(duì)系統(tǒng)進(jìn)行功能分析，管理員主要參與后臺(tái)管理，用戶操作在前臺(tái)實(shí)現(xiàn)。用戶基本功能和管理員實(shí)現(xiàn)的功能分別如圖3和圖4所示。

前臺(tái)實(shí)現(xiàn)的功能主要有：

1）舊衣服選購（可按分類方式或關(guān)鍵字進(jìn)行查詢）。

2）查看舊衣服詳細(xì)情況。

3）用戶注冊(cè)/登錄、忘記密碼。

4）完善/修改個(gè)人信息。

5）捐衣者：通過“我是捐衣者”，可以進(jìn)行舊衣的發(fā)布；申領(lǐng)者對(duì)感興趣舊衣進(jìn)行申領(lǐng)，生成訂單；通過“他的訂單”里面的申領(lǐng)者，查看其詳細(xì)信息，與申領(lǐng)者聯(lián)系或者派發(fā)快遞。

6）申領(lǐng)者：通過“我是申領(lǐng)者”，發(fā)布自己需求；與捐衣者QQ或者電話聯(lián)系，讓捐衣者為自己生成訂單并派發(fā)快遞；可以關(guān)注捐衣者、將舊衣加入申領(lǐng)車、通過“我的關(guān)注” 或“我的訂單”查看捐衣者的個(gè)人主頁。

7）附加功能：①為了更好地服務(wù)用戶（捐衣者和申領(lǐng)者），提供客服咨詢功能；②為了讓捐衣者和申領(lǐng)者方便聯(lián)系，提供聊天室功能。

后臺(tái)實(shí)現(xiàn)的主要功能有：

1）舊衣管理：查看、刪除。

2）用戶信息管理：查看、禁用。

3）申領(lǐng)車管理：查看、刪除。

4）訂單信息管理：查看訂單清單、刪除訂單。

5）需求公告管理：查看用戶需求、刪除用戶需求。

6）用戶關(guān)注管理：查看、刪除。

7）在線客服后臺(tái)。

2.4 數(shù)據(jù)分析

根據(jù)需求分析所需功能，對(duì)數(shù)據(jù)進(jìn)行分析，申領(lǐng)者、捐衣者、訂單、類別、需求信息、舊衣信息、申領(lǐng)車、圖片等信息需要保存。得出訂單、捐衣者、申領(lǐng)者、類別、需求、舊衣、圖片、申領(lǐng)車實(shí)體，實(shí)體及屬性如下：

訂單（id，訂單編號(hào)，創(chuàng)建時(shí)間，訂單狀態(tài)，舊衣名，舊衣圖片，申領(lǐng)者編號(hào)，捐衣者編號(hào)，捐衣者是否刪除訂單，申領(lǐng)者是否刪除訂單）；

捐衣者（捐衣者編號(hào)，用戶名，郵箱，密碼，QQ號(hào)，手機(jī)號(hào)碼，地址，留言）；

申領(lǐng)者（申領(lǐng)者編號(hào)，用戶名，郵箱，密碼，QQ號(hào)，手機(jī)號(hào)碼，地址）；

類別（類別編號(hào)，類別名，類別登記，父類別，圖片名）；

需求（需求編號(hào)，需求類別，標(biāo)題，內(nèi)容，創(chuàng)建時(shí)間，用戶編號(hào)）；

舊衣（舊衣編號(hào)，舊衣名，尺寸，顏色，描述，備注，創(chuàng)建時(shí)間，類別，捐衣者編號(hào)，是否上架）；

圖片（圖片編號(hào)，圖片名）；

申領(lǐng)車（申領(lǐng)車編號(hào)，舊衣編號(hào)，申領(lǐng)者編號(hào)）；

關(guān)注（關(guān)注編號(hào)，關(guān)注者編號(hào)，被關(guān)注者編號(hào)）。

根據(jù)實(shí)體的關(guān)系，系統(tǒng)E-R圖設(shè)計(jì)如圖5所示。申領(lǐng)車申領(lǐng)舊衣時(shí)，如果舊衣是同一個(gè)捐獻(xiàn)者發(fā)布，可以申領(lǐng)多個(gè)舊衣，一般情況下只能申領(lǐng)一個(gè)舊衣。申領(lǐng)車和捐衣者都可以申領(lǐng)舊衣，把他們看作用戶即可。

3 系統(tǒng)設(shè)計(jì)

3.1 系統(tǒng)總體設(shè)計(jì)

根據(jù)需求分析，系統(tǒng)設(shè)計(jì)分為前臺(tái)和后臺(tái)設(shè)計(jì)，總體設(shè)計(jì)模塊結(jié)構(gòu)圖如圖6所示。

根據(jù)E-R圖設(shè)計(jì)數(shù)據(jù)庫，選用MySQL數(shù)據(jù)庫。根據(jù)系統(tǒng)功能需求，舊衣及用戶等信息需要保存，表1-表11是數(shù)據(jù)庫表的設(shè)計(jì)。

1）管理員表（admin）

擁有該系統(tǒng)的最高權(quán)限，可以對(duì)后臺(tái)用戶的一切信息進(jìn)行增刪改查操作。

2）注冊(cè)表（register）

用于記錄注冊(cè)時(shí)沒有及時(shí)激活鏈接的用戶信息。

3）用戶表（user）

記錄用戶的相關(guān)信息，唯一索引：name，email。

4）用戶留言表（leaveword）

捐衣者進(jìn)行留言，申領(lǐng)者都可以看到。外鍵關(guān)聯(lián)user。

5）舊衣類別表（category）

用于記錄所有舊衣物的分類信息。

6）舊衣表（clothes）

記錄有關(guān)舊衣物的詳盡信息，外鍵關(guān)聯(lián)category，user。

7）舊衣圖片表（picture）

保存捐衣者上傳的圖片相關(guān)信息，外鍵關(guān)聯(lián)clothes。

8）舊衣訂單表（order）

記錄申領(lǐng)者與捐衣者之間的訂單信息，外鍵關(guān)聯(lián)user。

9）用戶需求表（demand）

記錄申領(lǐng)者發(fā)送的需求信息，外鍵關(guān)聯(lián)user。

10）申領(lǐng)車表（cart）

記錄申領(lǐng)者的申領(lǐng)車?yán)锏呐f衣信息，外鍵關(guān)聯(lián)user、clothes。

11）用戶關(guān)注表（attention）

記錄用戶與用戶之間互相關(guān)注的信息，外鍵關(guān)聯(lián)user。

4 系統(tǒng)的功能實(shí)現(xiàn)

系統(tǒng)通過JSP實(shí)現(xiàn)，MySql管理數(shù)據(jù)庫。圖7-圖9是系統(tǒng)運(yùn)行界面圖。用戶既可以充當(dāng)捐衣者也可以是申領(lǐng)者，擁有雙重身份，這樣有利于系統(tǒng)的實(shí)現(xiàn)和管理。一旦用戶注冊(cè)成功，就可以捐衣和申領(lǐng)舊衣。

5 結(jié)束語

該系統(tǒng)是針對(duì)用戶對(duì)舊衣的需求而提出的，主要實(shí)現(xiàn)舊衣發(fā)布和申領(lǐng)功能。捐衣者把舊衣信息發(fā)布到舊衣平臺(tái)，申領(lǐng)者可以瀏覽舊衣，進(jìn)行申領(lǐng)，還可以發(fā)布自己的舊衣需求，捐衣者通過查看需求，與申領(lǐng)者進(jìn)行聯(lián)系。此外，申領(lǐng)者可以對(duì)舊衣的發(fā)布者進(jìn)行關(guān)注，如果捐衣者有舊衣發(fā)布，就可以通知關(guān)注者。舊衣的申領(lǐng)工作，通過雙方協(xié)商郵寄完成，郵費(fèi)一般由申領(lǐng)者出。該系統(tǒng)具有一定的實(shí)際應(yīng)用價(jià)值，可以幫助很多需要舊衣的人，尤其是貧困地區(qū)的人民，讓更多的舊衣需要者得到實(shí)惠，還可以減少舊衣處理不當(dāng)帶來的污染、浪費(fèi)。系統(tǒng)界面美觀，操作簡(jiǎn)便，為舊衣捐贈(zèng)提供了一個(gè)新的途徑，可以為真正需要的人提供幫助。下一步我們將進(jìn)一步完善系統(tǒng)功能，例如使用手機(jī)、郵箱等途徑注冊(cè)，舊衣訂單的變化、快遞信息的更新實(shí)時(shí)提醒用戶，以及捐贈(zèng)活躍者獲取更多的獎(jiǎng)勵(lì)，申領(lǐng)者的評(píng)價(jià)等，更多的功能將滿足不同用戶的需求，希望用戶更多參與舊衣捐贈(zèng)，以幫助更多的舊衣需求者。

參考文獻(xiàn)：

[1] 石慧. 2600萬噸舊衣何處[N]. 中國(guó)環(huán)境報(bào)， 2013-08-22.

[2] 徐堅(jiān). C/S與B/S結(jié)構(gòu)的分析與比較[J]. 曲靖師范學(xué)院學(xué)報(bào)， 2005， 24（3）： 67-69.

[3] 百度百科. BS架構(gòu)[EB/OL]. https：//baike.baidu.com/item/BS%E6%9E%B6%E6%9E%84/1297196？fr=aladdin

[4]楊開振， 周吉文， 梁華輝， 等. Java EE互聯(lián)網(wǎng)輕量級(jí)框架整合開發(fā)[M]. 北京： 電子工業(yè)出版社， 2017.

[5] 解頤， 方紅亮， 曲珍， 等. 基于HTML5腳本的旅游軟件開發(fā)[J]. 電腦編程技巧與維護(hù)， 2017（7）： 35-37.

[6] 王艷. 探析HTML5與CSS3在網(wǎng)頁設(shè)計(jì)中的新特性和優(yōu)勢(shì)[J]. 電腦編程技巧與維護(hù)， 2016（21）： 70-71， 88.

[7] 李文杰. 基于SSM輕量級(jí)架構(gòu)的JAVAWEB人才培養(yǎng)[J]. 數(shù)字通信世界， 2017（10）： 228-228， 236.

[8] 李洋. SSM框架在Web應(yīng)用開發(fā)中的設(shè)計(jì)與實(shí)現(xiàn)[J]. 計(jì)算機(jī)技術(shù)與發(fā)展， 2016， 26（12）： 190-194.

【通聯(lián)編輯：謝媛媛】