基于Python的服裝捐贈系統(tǒng)設(shè)計與實現(xiàn)

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

目錄

...........................................................................................................................................1

1引言............................................................................................................................4

1.1目開發(fā)背景..................................................................................................4

1.2開發(fā)技術(shù)簡介..............................................................................................5

1.2.1框架運(yùn)行原理.......................................................................................5

1.2.2運(yùn)行技術(shù)庫的簡介...............................................................................6

1.2.3服裝捐贈系統(tǒng)頁面的組成...................................................................7

1.3開發(fā)工具簡介..............................................................................................7

1.4項目開發(fā)環(huán)境與部署..................................................................................7

2需求分析..................................................................................................................10

2.1功能需求描述............................................................................................10

2.2非功能需求描述........................................................................................11

2.3需求用例建模............................................................................................11

2.3.1用戶注冊的用例.................................................................................12

2.3.2用戶登錄的用例.................................................................................14

2.3.3主頁匹配的用例...................................................................................16

2.3.4搜索框的用例.......................................................................................18

2.3.5我的添加捐贈的用例...........................................................................20

2.3.6我的參與、發(fā)表活動的用例...............................................................22

2.3.7我的添加動態(tài)的用例...........................................................................24

2.3.8我的設(shè)置用例.......................................................................................26

3系統(tǒng)設(shè)計..................................................................................................................28

3.1系統(tǒng)設(shè)計原則............................................................................................28

3.2系統(tǒng)框架設(shè)計............................................................................................28

3.3系統(tǒng)功能設(shè)計............................................................................................29

3.3.1主頁匹配功能設(shè)計.............................................................................31

3.3.2活動添加發(fā)布功能設(shè)計.....................................................................32

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

3.3.3添加捐贈查看功能設(shè)計.....................................................................33

3.3.4添加動態(tài)查看功能設(shè)計.....................................................................34

3.4數(shù)據(jù)庫設(shè)計................................................................................................35

3.4.1設(shè)計原則.............................................................................................35

3.4.2概念設(shè)計.............................................................................................35

3.4.3邏輯設(shè)計.............................................................................................36

3.4.4數(shù)據(jù)字典.............................................................................................37

4界面設(shè)計與系統(tǒng)實現(xiàn)..............................................................................................44

4.1用戶登錄、注冊模塊實現(xiàn)........................................................................44

4.1.1注冊、登錄模塊界面設(shè)計.................................................................44

4.1.2注冊、登錄模塊核心代碼實現(xiàn)：.....................................................45

4.2主頁模塊實現(xiàn)............................................................................................48

4.2.1主頁模塊界面設(shè)計.............................................................................48

4.2.2主頁模塊核心代碼實現(xiàn).....................................................................49

4.3活動模塊實現(xiàn)............................................................................................52

4.3.1活動模塊界面設(shè)計.............................................................................52

4.3.2活動模塊核心代碼實現(xiàn).....................................................................52

4.4動態(tài)模塊實現(xiàn)............................................................................................53

4.4.1動態(tài)模塊界面設(shè)計.............................................................................53

4.4.2動態(tài)模塊核心代碼實現(xiàn).....................................................................54

4.5消息模塊實現(xiàn)............................................................................................55

4.5.1消息模塊界面設(shè)計.............................................................................55

4.5.2消息模塊核心代碼實現(xiàn).....................................................................55

4.6我的模塊實現(xiàn)............................................................................................56

4.6.1我的模塊界面設(shè)計.............................................................................56

4.6.2我的模塊核心代碼實現(xiàn).....................................................................60

4.7App運(yùn)行主程序代碼.....................................................................................71

5系統(tǒng)測試..................................................................................................................73

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

5.1注冊、登錄功能測試................................................................................73

5.2領(lǐng)取功能測試............................................................................................74

5.3添加捐贈功能測試....................................................................................75

5.4添加活動展示功能測試............................................................................75

5.5添加動態(tài)功能測試....................................................................................76

6設(shè)計小結(jié)..................................................................................................................76

III

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

基于Python的服裝捐贈系統(tǒng)設(shè)計與實現(xiàn)

1引言

國家關(guān)于碳達(dá)峰、碳中和的相關(guān)政策措施，2022年4月13日國家發(fā)展改革

委、商務(wù)部、工業(yè)和信息化部聯(lián)合印發(fā)《關(guān)于加快推進(jìn)廢舊紡織品循環(huán)利用的實

施意見》，意見提出，到2025年，廢舊紡織品循環(huán)利用體系初步建立，循環(huán)利

用能力大幅提升。

隨著消費觀念的改變，無論是農(nóng)村還是城市，服裝堆積成為了一種通病，閑

置服裝無處安放，贈予身邊的親戚朋友容易曲解用意。當(dāng)倉庫容量小于堆積容量

時，服裝便會回到垃圾場被填埋處理，造成了資源浪費的現(xiàn)狀。衣物纖維二次利

用沒有得到重視，閑置服裝的捐贈，更多意義上會變成服裝的交換平臺。服裝捐

贈系統(tǒng)的存在是解決當(dāng)前資源浪費的主要辦法，也是響應(yīng)國家就2025年完成廢

舊紡織品循環(huán)利用體系初步建立、提升循環(huán)利用能力的關(guān)鍵。

本項目是響應(yīng)實際需求，積極參與提升資源再利用的重要舉措，使用Python

技術(shù)、MySQL技術(shù)、linux技術(shù)的相關(guān)內(nèi)容完成搭建服裝捐贈app，F(xiàn)lask是一個

輕量級的可定制框架，使用Python語言編寫，較其他同類型框架更為靈活、輕

便、安全且容易上手。它可以很好地結(jié)合MVC模式進(jìn)行開發(fā)，開發(fā)人員分工合作，

小型團(tuán)隊在短時間內(nèi)就可以完成功能豐富的中小型網(wǎng)站或Web服務(wù)的實現(xiàn)。另外，

Flask還有很強(qiáng)的定制性，用戶可以根據(jù)自己的需求來添加相應(yīng)的功能，在保持

核心功能簡單的同時實現(xiàn)功能的豐富與擴(kuò)展，其強(qiáng)大的插件庫可以讓用戶實現(xiàn)個

性化的網(wǎng)站定制，開發(fā)出功能強(qiáng)大的網(wǎng)站，完成捐贈和領(lǐng)取交接于一體，即用戶

既可以完成捐贈又可以完成捐贈服裝的領(lǐng)取，實現(xiàn)有效對接。

1.1目開發(fā)背景

隨著時代的發(fā)展，信息技術(shù)、Python技術(shù)、數(shù)據(jù)庫技術(shù)的不斷發(fā)展完善，

網(wǎng)絡(luò)進(jìn)程的加快，隨著Python語言在國際上的流行，基于Python強(qiáng)大的庫，程

序復(fù)雜的結(jié)構(gòu)開始變得簡單化，使用Python強(qiáng)大的庫來搭建APP系統(tǒng)已經(jīng)不是

常見的操作，而現(xiàn)有的社會操作經(jīng)驗已經(jīng)相對成熟。本項目是使用Python語言

構(gòu)建一個公益平臺將社會大眾想要捐獻(xiàn)的服裝與需求進(jìn)行有效對接，F(xiàn)lask是目

前十分流行的web框架，采用Python編程語言來實現(xiàn)相關(guān)功能。Flask框架的

主要特征是核心構(gòu)成比較簡單，但具有很強(qiáng)的擴(kuò)展性和兼容性，可以使用Python

語言快速實現(xiàn)一個網(wǎng)站或Web服務(wù)。一般情況下，它不會指定數(shù)據(jù)庫和模板引擎

等對象，用戶可以根據(jù)需要，自己選擇各種數(shù)據(jù)庫。Flask自身不會提供表單驗

證功能，在項目實施過程中可以自由配置，從而為應(yīng)用程序開發(fā)提供數(shù)據(jù)庫抽象

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

層基礎(chǔ)組件，支持進(jìn)行表單數(shù)據(jù)合法性驗證、文件上傳處理、用戶身份認(rèn)證和數(shù)

據(jù)庫集成等功能。Werkzeug庫十分強(qiáng)大，功能比較完善，支持URL路由請求集

成，一次可以響應(yīng)多個用戶的訪問請求，支持Cookie和會話管理，通過身份緩

存數(shù)據(jù)建立長久連接關(guān)系，并提高用戶訪問速度；支持交互式Javascript調(diào)試，

提高用戶體驗；可以處理HTTP基本事務(wù)，快速響應(yīng)客戶端推送過來的訪問請求。

使服裝在生活中得到再利用,通過對接渠道將受贈用戶受贈曬圖回饋于捐贈

用戶。捐贈方和受捐贈方的兩個角色的互換，形成物品交換網(wǎng)絡(luò)，促進(jìn)物品循環(huán)

使用。一部分人會將閑置服裝掛在二手交易的網(wǎng)站上，二手交易APP的出現(xiàn)，給

部分人以資源過剩低價出售回本的解決模式處理，但是交易的出現(xiàn)造成二手APP

上的商家以低價格出售不良質(zhì)量商品。而且，經(jīng)過調(diào)研顯示80%人不會將閑置的

服裝放到二手交易平臺上，大多數(shù)的原因是流程麻煩，時間不確定性高，價格不

確定性強(qiáng)，但有90%的社會群體表示有意向?qū)㈤e置服裝捐贈。

服裝捐贈結(jié)構(gòu)框架類似于二手交易平臺，隨著線上二手商品交易平臺的發(fā)展，

使用Python技術(shù)進(jìn)行平臺搭建二手交易系統(tǒng)在市場上有了相對成熟的成果。從

而為使用Python技術(shù)搭建服裝捐贈系統(tǒng)的奠定了厚實的技術(shù)基礎(chǔ)。服裝捐贈系

統(tǒng)類似于公益效應(yīng)，運(yùn)用互聯(lián)網(wǎng)技術(shù)聯(lián)系需求方和供應(yīng)方并將成為公益的大勢所

趨。大數(shù)據(jù)等新技術(shù)蓬勃發(fā)展的今天，搭建公益平臺如何順勢而為實現(xiàn)更加高效

的服裝共享與應(yīng)用、如何突出時代綠色節(jié)能的特性，成為公益核心問題，深入探

究有效開展公益服務(wù)的方法，助力校園文化、達(dá)到公益育人的良好效果。

1.2開發(fā)技術(shù)簡介

1.2.1框架運(yùn)行原理

工作原理：

圖1-1框架運(yùn)行原理

第一步，創(chuàng)建了一個Flask項目和app項目文件夾下存在這三個文件，Stati

c存放網(wǎng)頁靜態(tài)資源的文件夾如css、img、js、font。

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

第二步，Templates存放網(wǎng)頁渲染模板html文件。

第三步，App.py是flask項目啟動文件。flask是一款非常流行的PythonWe

b框架。

Flask特點具有如下特點：微框架、簡潔、只做他需要做的，給開發(fā)者提供

了很大的擴(kuò)展性；Flask和相應(yīng)的插件寫得很好，用起來很方便；開發(fā)效率非常

高，比如使用SQLAlchemy的ORM操作數(shù)據(jù)庫可以節(jié)省開發(fā)者大量書寫sql的時

間。

圖1-2App項目文件

1.2.2運(yùn)行技術(shù)庫的簡介

Python的服裝捐贈系統(tǒng)app，主要使用了Python中的alembic、Flask、

Flask_Migrate、Flask_SQLALchemy、pandas、SQLALchemy、Werkzeug、WTForms

庫。

alembic是sqlalchemy的作者開發(fā)的。用來做OMR模型與數(shù)據(jù)庫的遷移與

映射。alembic使用方式跟git有點了類似。

Flask是一個輕量級的可定制框架，使用Python語言編寫，較其他同類型

框架更為靈活、輕便、安全且容易上手。它可以很好地結(jié)合MVC模式進(jìn)行開發(fā)，

開發(fā)人員分工合作，小型團(tuán)隊在短時間內(nèi)就可以完成功能豐富的中小型網(wǎng)站或

Web服務(wù)的實現(xiàn)。

Flask-Migrate是用于處理SQLAlchemy數(shù)據(jù)庫遷移的擴(kuò)展工具。當(dāng)Model

出現(xiàn)變更的時候，通過migrate去管理數(shù)據(jù)庫變更。

Flask-SQLAlchemy是一個Flask擴(kuò)展，簡化了在Flask程序中使用

SQLAlchemy的操作。SQLAlchemy是一個很強(qiáng)大的關(guān)系型數(shù)據(jù)庫框架，支持多種

數(shù)據(jù)庫后臺。

pandas是基于NumPy的一種工具，該工具是為解決數(shù)據(jù)分析任務(wù)而創(chuàng)建的。

Pandas納入了大量庫和一些標(biāo)準(zhǔn)的數(shù)據(jù)模型，提供了高效地操作大型數(shù)據(jù)集所

需的工具。

SQLAlchemy對象關(guān)系映射器提供了一種方法，用于將用戶定義的Python類

與數(shù)據(jù)庫表相關(guān)聯(lián)，并將這些類（對象）的實例與其對應(yīng)表中的行相關(guān)聯(lián)。它包

括一個透明地同步對象及其相關(guān)行之間狀態(tài)的所有變化的系統(tǒng)，稱為工作單元，

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

以及根據(jù)用戶定義的類及其定義的彼此之間的關(guān)系表達(dá)數(shù)據(jù)庫查詢的系統(tǒng)。

Werkzeug就Flask使用的底層WSGI庫一個基于Werkzeug的Pythonweb應(yīng)

用，類似于一個工具，提供了一個簡單的Web服務(wù)器。

WTForms表單的兩個主要功能是驗證用戶提交數(shù)據(jù)的合法性以及渲染模板。

而Flask-WTF還包括一些其他的功能：CSRF保護(hù)，文件上傳等。

1.2.3服裝捐贈系統(tǒng)頁面的組成

頁面主要由主頁、活動、動態(tài)、消息、我的組成。

主頁：固定的搜索欄以及捐贈廣場、服裝捐贈（立即查看）頁面展示。

活動：固定搜索欄以及活動捐贈廣場、活動報名狀態(tài)頁面。

動態(tài)：發(fā)布的動態(tài)指南。

消息：好友展示、查看好久動態(tài)。

我的：我的捐贈管理、我的領(lǐng)取管理、添加捐贈、發(fā)表活動、添加動態(tài)、我

的動態(tài)、我參加的活動、我的關(guān)注、設(shè)置等。

1.3開發(fā)工具簡介

編程工具：Pycharm、MySQL

作圖工具：Xmind、MasterGo

其他工具：Excle、TXT、Csv、Json等

這里主要工具是pycharm，pycharm作為python編程的重要工具之一，也是

該項目運(yùn)行不可缺少的一部分。在學(xué)校學(xué)習(xí)期間，接觸到的python方面編輯工

具，基本上使用的是pychram，且對于pycharm的操作熟練度大于其他編輯工具，

在項目的編輯上特意使用了較為熟悉的編輯工具。

使用python開發(fā)環(huán)境的pycharm編程工具大大提高項目運(yùn)行效率，為項目

的正常運(yùn)行提供了基礎(chǔ)。

1.4項目開發(fā)環(huán)境與部署

開發(fā)環(huán)境：從服裝捐贈系統(tǒng)的運(yùn)作全過程可見，使用Python3.9開發(fā)環(huán)境并

使用pycharm-community-2021.2.3、mysql-8.0.18實現(xiàn)。

alembic==1.9.4

Flask==1.1.2

Flask_Migrate==4.0.4

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

Flask_SQLAlchemy==2.5.1

pandas==1.3.4

SQLAlchemy==1.4.22

Werkzeug==2.0.2

WTForms==3.0.1

開發(fā)部署：

圖1-3項目構(gòu)成

不同功能的模塊，分別存儲到不同文件中，相互導(dǎo)入時，可以避免程序模塊

循環(huán)導(dǎo)入和減少運(yùn)行時消耗完系統(tǒng)資源。分開寫，有利于代碼規(guī)范，功能分類，

整齊劃一。

Config

Sqllinks

APP

InsertDataBlueIndexModels

圖1-4項目功能模塊

BlueIndexpython包有助于將視圖函數(shù)模塊化，分類匯總。不會導(dǎo)致app文

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

件太雜。

圖1-5BlueIndex包

運(yùn)行app.py文件點擊控制臺打印信息中的:5000或者瀏覽器輸

入:5000跳轉(zhuǎn)，頁面具體對應(yīng)功能說明，登錄頁：

首次點擊:5000訪問網(wǎng)站。

圖1-6系統(tǒng)登錄界面

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2需求分析

2.1功能需求描述

通過開展服裝捐贈與領(lǐng)取功能進(jìn)行線上對接，滿足用戶的潛在需求，一捐一

贈一匹配的功能，讓閑置的服裝得到了有效利用的狀態(tài)，為纖維二次利用和龐大

的纖維再生工程提供了線上助力，了解服裝捐贈系統(tǒng)的運(yùn)營模式，希望通過系統(tǒng)

設(shè)計實現(xiàn)用戶登錄、用戶注冊、捐贈尺碼匹配、添加捐贈、分享反饋、添加活動、

關(guān)注好友、修改密碼、低碳積分、個人信息管理等主要功能滿足用戶的體驗需求。

功能1開展用戶注冊、用戶登錄功能。用戶可以根據(jù)自己的郵箱設(shè)置密碼后

進(jìn)行用戶注冊，用戶通過設(shè)計用戶名字后便可以通過注冊后的賬號進(jìn)行登錄，用

戶在有自己的賬號后，即可通過賬號和密碼登錄，賬號和密碼錯誤不能得到登錄

成功結(jié)果，屬于自己的用戶空間，使用app系統(tǒng)功能。

功能2開展主頁面，匹配、搜索框模塊，用戶在登錄后，在選取心儀的別人

捐贈的服裝時，可以選擇該發(fā)布的內(nèi)容，點擊匹配，如果你沒有設(shè)置個人信息便

會提示你設(shè)置個人信息，填寫好身高和體重等個人信息，填寫好后再點擊匹配，

如果用戶設(shè)計的體重在捐贈人發(fā)布信息的身高和體重范圍內(nèi)，則匹配成功，填寫

好收貨信息即可，如果不在設(shè)置的體重范圍內(nèi)，則匹配失敗，點擊嘗試其他的物

品進(jìn)行匹配，做到物盡其用，適者得物的狀態(tài)。

功能3搜索框的功能，滿足關(guān)鍵字匹配，存在可以同時搜索服裝、活動、動

態(tài)、用戶的子功能，在更換頁面時，搜索框固定在頁面，不更改位置。

功能4活動頁面，添加活動與參與活動功能，用戶可以進(jìn)行活動策劃，可以

在平臺上發(fā)布活動地點，在線下舉行公益活動，將捐出去的服裝掛出，現(xiàn)場免費

送給有需要的人。其他用戶看到線下活動邀約，可以自行就近原則選擇性參與，

鼓勵用戶進(jìn)行閑置服裝捐贈，調(diào)動參與活動用戶的公益積極性。

功能5動態(tài)頁分享反饋功能，用戶收到領(lǐng)取的服裝后可以發(fā)布動態(tài)，將衣服

穿上進(jìn)行曬圖反饋，捐贈方和關(guān)注的好友可以看到動態(tài)分享以及反饋。

功能6消息頁面，可以通過關(guān)注好友的方式來擴(kuò)大捐贈圈，可以找個身材相

當(dāng)、品味相當(dāng)?shù)年P(guān)注好友進(jìn)行服裝交換形成一個很好的媒介，關(guān)注她的動態(tài)發(fā)布、

添加捐贈信息，第一時間獲取到好的資源。

功能7我的頁面，用戶個人信息管理功能，通過個人信息管理，可以修改個

人信息，同時可以查看自己的捐贈歷史、動態(tài)歷史、領(lǐng)取歷史等。添加捐贈的功

能，每個用戶可以領(lǐng)取捐贈，也可以發(fā)布捐贈，讓捐贈和發(fā)布雙向進(jìn)行，做到以

物換物的運(yùn)營狀態(tài)。添加捐贈，即要上傳你需要捐贈服裝的圖片，上傳后，對服

裝進(jìn)行一個簡單的描述（比如：碎花連衣裙），設(shè)置好此次服裝捐贈的使用人群

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

的身高和體重，以供領(lǐng)取人群匹配，匹配成功后得到一個收件人收貨地址，捐贈

人收貨信息將服裝寄件到付給領(lǐng)取用戶。

2.2非功能需求描述

作為滿足用戶與用戶之間服裝捐贈的在線平臺，本系統(tǒng)的非功能性需求有以

下兩個方面：

（1）高效性：沒有第三方，實現(xiàn)用戶與用戶的自由對接，每個用戶都是流

動的，線下活動可以自我組織籌辦，減少運(yùn)營成本的同時可以提高用戶積極性和

便捷性，減少大數(shù)據(jù)平臺用戶同時在線導(dǎo)致用戶體驗感不強(qiáng)的抵觸感。

（2）安全性：服裝不通過金錢交易，使用網(wǎng)名和賬號進(jìn)行交流，用戶個人

信息得到保障。以捐和贈的方式進(jìn)行對接，如果同城可以線下取用，也可以是與

快遞公司對接。

（3）穩(wěn)定性：隨著城市的發(fā)展，衣物消費的多元化，閑置衣物數(shù)量大，為

滿足這些較大的市場需求，對系統(tǒng)的穩(wěn)定性要求較高。

2.3需求用例建模

用戶A和用戶B通過直接對接的一個功能效果，不用通過后臺和操作者完成。

用戶A/B使用注冊功能注冊成功使用用戶登錄功能登錄后，修改個人身高、體重

信息，用戶B使用添加捐贈發(fā)布需要捐贈的服裝，填寫服裝信息（碎花連衣裙）

以及設(shè)置好服裝合適的限制信息（身高體重），用戶A挑中用戶B發(fā)布的服裝，

用戶A使用服裝匹配功能進(jìn)行匹配（判斷是否在用戶B設(shè)置的限制數(shù)值內(nèi)）用戶

B發(fā)布的服裝，匹配成功后，用戶A填寫收貨信息（電話、地址），用戶B收到

用戶A的收貨信息，通過線下/線上的快遞模式傳遞服裝,用戶A收到服裝后可以

通過動態(tài)分享功能進(jìn)行曬圖反饋。用戶A可以通過使用添加活動功能填寫活動信

息（時間段、地點）發(fā)布活動，用戶B看到發(fā)布的活動后，有選擇性去線下場所

參加。通過對主要功能需求的分析，創(chuàng)建以下總體用例模型，如圖2-1所示。

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-1服裝捐贈系統(tǒng)的總體用例模型圖

2.3.1用戶注冊的用例

用戶注冊功能步驟。

第一，是validators驗證，對郵箱書寫格式、密碼（最小是6位，最大是16

位）的格式有一定的要求。

第二，注冊使用的郵箱賬號或者使用的昵稱是否在已經(jīng)被注冊/存在（即數(shù)

據(jù)庫已經(jīng)存在）。

第三，設(shè)置密碼昵稱，在符合規(guī)定條件內(nèi)完成設(shè)置。第四，完成注冊，完成

注冊后便能使用下一個登錄功能進(jìn)行登錄。

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-2用戶注冊步驟圖

通過對用例的細(xì)化，使用2-2用戶登錄步驟圖針對系統(tǒng)動態(tài)行為進(jìn)行流程建

模。用戶登錄與系統(tǒng)活動流程圖如圖2-3所示。

圖2-3用戶注冊流程活動圖

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

通過對圖2-2用例圖及圖2-3活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描

述表。用戶登錄用例版出頁面如表2-1所示，可以進(jìn)行validators驗證、判斷

是否注冊、設(shè)計昵稱密碼、完成注冊等操作。

項目描述

用例名稱用戶注冊

用例標(biāo)識號01

參與者普通用戶

簡要說明參與者輸入用戶名、賬號、密碼

前置條件參與者已經(jīng)打開系統(tǒng)的注冊頁面

1.參與者在用戶名輸入框里輸入用戶名

2.在賬號框里輸入郵箱賬號

3.在密碼框里輸入密碼

基本事件流4.按注冊鍵進(jìn)行注冊，系統(tǒng)判斷參與者輸入的有效性。

5.有效則完成注冊進(jìn)入登錄的主界面。無效則提示相應(yīng)錯

誤給用戶修改錯誤用例。

6.用例終止

在按“注冊”按鈕之前，參與者可以隨時更改設(shè)置的用戶

其他事件流

信息，或者返回登錄界面。

異常事件流提示錯誤信息，參與人確認(rèn)

進(jìn)入的登錄界面，裝載相應(yīng)的

后置條件

數(shù)據(jù)

表2-1用戶登錄描述

2.3.2用戶登錄的用例

用戶登錄功能細(xì)化4個步驟。

第一，判斷數(shù)據(jù)庫是否存在（即賬號是否存在），判斷賬號是否存在，不存

在即提醒注冊，對郵箱書寫格式是否輸入正確。

第二，判斷密碼是否正確（最小是6位，最大是16位）的要求登錄。

第三，完成登錄，在第一個功能和第二個功能都滿足的情況下完成登錄。

第四，跳轉(zhuǎn)主頁面，完成登錄后便能進(jìn)入到主頁面。

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-4用戶登錄步驟圖

通過對用例的細(xì)化，使用用圖2-4戶登錄步驟圖針對系統(tǒng)動態(tài)行為進(jìn)行流程

建模。用戶登錄與系統(tǒng)活動流程圖如圖2-5所示。

圖2-5用戶登錄流程活動圖

通過對圖2-4活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描述表。用戶登錄

用例版出頁面如表2-2所示，可以進(jìn)行判斷賬戶、密碼是否存在，完成登錄、跳

轉(zhuǎn)主頁面等操作。

項目描述

用例名稱用戶登錄

用例標(biāo)識號02

參與者普通用戶

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

參與者輸入用戶名、密碼，系統(tǒng)進(jìn)行驗證判斷后，完成登

簡要說明

錄。

前置條件參與者已經(jīng)打開系統(tǒng)的登錄頁面

1.參與者在用戶名輸入框里輸入用戶賬號

2.在密碼框里輸入密碼

3.用戶按登錄后，系統(tǒng)驗證判斷參與者輸入登錄有效性。

基本事件流

5.有效則進(jìn)入系統(tǒng)的主界面。無效則提示相應(yīng)錯誤給用戶

進(jìn)行更改賬號和密碼。

6.用例終止

在按“登錄”按鈕之前，參與者可以隨時取消，或者按“用

其他事件流

戶注冊”。

異常事件流提示錯誤信息，參與人確認(rèn)

進(jìn)入的主界面，裝載相應(yīng)的

后置條件

數(shù)據(jù)

表2-2用戶登錄功能描述

2.3.3主頁匹配的用例

主頁用戶匹配功能細(xì)化4個步驟。

第一，主頁展示通過主頁主頁展示（點擊立即查看）查看匹配服裝圖片。

第二，點擊匹配，首先先判斷用戶是否完成個人信息的完善（身高體重），

其次判斷領(lǐng)取用戶A的身高體重是否在捐贈用戶B的設(shè)計區(qū)間內(nèi)，并給出匹配成

功/失敗的指令。

第三，匹配成功后，填寫收貨信息（用戶所在地址和聯(lián)系方式）。

第四，完成匹配，跳轉(zhuǎn)主頁面，完成登錄后便能進(jìn)入到主頁面。

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-6主頁匹配步驟圖

通過對主頁匹配用例的細(xì)化，使用2-6主頁匹配功能步驟圖針對系統(tǒng)動態(tài)行

為進(jìn)行流程建模。主頁匹配系統(tǒng)活動流程圖如圖2-7所示。

圖2-7主頁匹配流程活動圖

通過對圖2-6活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描述表。用戶登錄

用例版出頁面如表2-3所示，可以進(jìn)行主頁展示（瀏覽），點擊匹配，填寫收件

信息、完成匹配等操作。

項目描述

用例名稱主頁匹配

用例標(biāo)識號03

參與者普通用戶、普通用戶

參與者進(jìn)入到主頁面，點擊“立即查看”，“立即匹配”，

簡要說明根據(jù)身高、體重的條件進(jìn)行匹配，匹配成功連寫收貨信息，

完成匹配。

前置條件參與者登錄成功進(jìn)去到主頁面

1.參與者在用戶名輸入框里輸入用戶名

2.瀏覽主頁面，點擊“立即查看”

3.詳細(xì)瀏覽服裝捐贈圖片，在圖片下方點擊“立即匹配”

基本事件流4.匹配時，系統(tǒng)驗證領(lǐng)取者是否設(shè)置好個人信息（身高、

體重）

5.匹配時，系統(tǒng)驗證領(lǐng)取者的條件是否在捐贈者的設(shè)置好

的區(qū)間內(nèi)。

6.匹配成功填寫收貨信息提交收貨信息，匹配失敗點擊“確

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

定”回到主頁面

7.提交收貨信息后回到主頁面

8.用例終止

在按“登錄”按鈕之前，參與者可以隨按“取消”或“關(guān)

其他事件流

閉”按鈕。

異常事件流提示錯誤信息，參與人確認(rèn)

進(jìn)入的主界面main.jsp，裝載相應(yīng)的

后置條件

數(shù)據(jù)

表2-3主頁匹配用例描述

2.3.4搜索框的用例

搜索框功能細(xì)化5個功能模塊。

第一，搜索服裝，根據(jù)服裝發(fā)布的情況進(jìn)行搜索或者根據(jù)關(guān)鍵字匹配搜索。

第二，搜索活動，根據(jù)活動發(fā)布的情況進(jìn)行搜索或者根據(jù)關(guān)鍵字匹配搜索。

第三，搜索動態(tài)，根據(jù)關(guān)注好友動態(tài)發(fā)布的情況進(jìn)行搜索或者根據(jù)關(guān)鍵字匹

配搜索。

第四，搜索用戶，根據(jù)用戶名進(jìn)行搜索或者根據(jù)關(guān)鍵字匹配搜索（進(jìn)行關(guān)

注）。

第五，搜索欄固定，頁面變換不更改搜索欄的位置。

圖2-8搜索框步驟圖

通過對搜索框用例的細(xì)化，使用2-8搜索框功能步驟圖針對系統(tǒng)動態(tài)行為進(jìn)

行流程建模。搜索框系統(tǒng)活動流程圖如圖2-9所示。

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-9搜索框流程活動圖

通過對圖2-9活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描述表。用戶登錄

用例版出頁面如表2-4所示，可以搜索服裝，搜索活動，搜索動態(tài)，搜索用戶等

操作。

項目描述

用例名稱搜索框

用例標(biāo)識號04

參與者普通用戶

參與者進(jìn)入到主頁面，點擊搜索欄，根據(jù)服裝、活動、動

簡要說明態(tài)、用戶進(jìn)行搜索并得到搜索結(jié)果，變換頁面，搜索框位

置不變。

前置條件參與者登錄成功進(jìn)去到主頁面

1.參與者在搜索框里輸入“復(fù)古”關(guān)鍵字，得到搜索服裝

結(jié)果

2.參與者在搜索框里輸入“愛心捐贈活動”，得到搜索活

動結(jié)果

3.參與者在搜索框里輸入“領(lǐng)取分享”，得到搜索動態(tài)結(jié)

基本事件流果

4.參與者在搜索框里輸入“南柯一夢”關(guān)鍵字，得到搜素

用戶結(jié)果

5.參與者更換頁面，搜索框位置固定不變。

6.用例終止

其他事件流在按“搜索”圖標(biāo)之前，可以更改內(nèi)容或者返回主頁面。

異常事件流提示沒有搜索對應(yīng)的關(guān)鍵字、詳情內(nèi)容

后置條件進(jìn)入的主界面，裝載相應(yīng)的數(shù)據(jù)

表2-4搜索框用例描述

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

2.3.5我的添加捐贈的用例

我的添加捐贈功能細(xì)化4個步驟。

第一，上傳圖片，選擇好兩張jpg或者png格式的服裝圖片，跳轉(zhuǎn)文件管理，

選擇好后上傳圖片。

第二，填寫發(fā)貨信息，填寫姓名、地址、聯(lián)系方式等。

第三，設(shè)置服裝適應(yīng)區(qū)間，設(shè)置適應(yīng)身高區(qū)間，設(shè)置適應(yīng)體重區(qū)間。

第四，提交發(fā)布成功，判斷是否描述服裝詳情，判斷收貨信息是否填寫/完

善正確，點擊提交，提示發(fā)布成功，并返回我的界面，在主頁搜索詳情關(guān)鍵字可

以驗證發(fā)布成功。

圖2-10我的添加捐贈步驟圖

通過對我的添加捐贈的用例的細(xì)化，使用2-10我的添加捐贈功能步驟圖針

對系統(tǒng)動態(tài)行為進(jìn)行流程建模。添加捐贈系統(tǒng)活動流程圖如圖2-11所示。

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-11我的添加捐贈流程活動圖

通過對圖2-11活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描述表。我的添

加捐贈用例版出頁面如表2-5所示，滿足上傳功能，編輯個人發(fā)貨信息，設(shè)置適

應(yīng)匹配區(qū)間，判斷提交條件，提交完成發(fā)布等操作。

項目描述

用例名稱我的添加捐贈

用例標(biāo)識號05

參與者普通用戶

參與者進(jìn)入到主頁面，更換到我的界面，點擊添加捐贈，

簡要說明完成上傳圖片，完善服裝描述，設(shè)置適應(yīng)區(qū)間，判斷是否

滿足提交條件后，提交成功，狀態(tài)發(fā)布成功。

前置條件參與者登錄成功進(jìn)去到主頁面，并更換至“我的”界面

1.參與者“我的”界面，點擊添加捐贈欄目圖標(biāo)

2.參與者在新跳轉(zhuǎn)的界面點擊“選擇照片”，在文件管理

里面選擇照片，返回新跳轉(zhuǎn)的界面，點擊上傳

3.參與者在新跳轉(zhuǎn)的界面填寫發(fā)貨信息（姓名、地址、聯(lián)

基本事件流系方式）

4.參與者在新跳轉(zhuǎn)的界面設(shè)置服裝適應(yīng)區(qū)間（身高體重）

5.參與者在新跳轉(zhuǎn)的界面對捐贈的服裝進(jìn)行簡單描述

6.點擊提交，發(fā)布成功后返回至“我的”界面

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

6.用例終止

在按“提交”圖標(biāo)之前，可以更改服裝描述和發(fā)貨信息或

其他事件流

者返回“我的”界面。

提示沒有完善好服裝描述詳情或者沒有正確完善好個人發(fā)

異常事件流

貨信息，導(dǎo)致提交不成功

后置條件進(jìn)入“我的”界面

表2-5我的添加捐贈用例描述

2.3.6我的參與、發(fā)表活動的用例

我的參與、發(fā)表活動功能細(xì)化4個步驟。

第一，活動界面，瀏覽可以參加活動，點擊立即參加，則報名成功。

第二，進(jìn)入到“我的界面”，點擊“發(fā)表活動”，選擇事先準(zhǔn)備好的圖片，

點擊“上傳”。

第三，發(fā)表活動填寫捐贈活動信息，設(shè)置活動名稱、活動簡單描述、設(shè)置好

活動時間范圍。

第四，發(fā)布成功模塊，首先判斷活動是否填寫完整，不完整則提交不成功，

返回繼續(xù)完善信息，提交成功后，在對應(yīng)的活動界面可以搜索到所發(fā)布的活動。

圖2-12我的參與、發(fā)表活動步驟圖

通過對我的參與、發(fā)表活動的用例的細(xì)化，使用參與、發(fā)表活動功能步驟圖

針對系統(tǒng)動態(tài)行為進(jìn)行流程建模。參與、發(fā)表活動系統(tǒng)活動流程圖如圖2-13所

示。

22

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖2-13我的參加、發(fā)表活動流程活動圖

通過對圖2-13活動圖進(jìn)一步的細(xì)化分析，得到每個用例的描述表。我的參

加、發(fā)表活動用例版出頁面如表2-6所示，滿足上傳活動圖片，編輯活動信息，

設(shè)置時間區(qū)間，判斷提交條件，提交完成發(fā)布等操作，并時間驗證發(fā)表在活動中

能夠體現(xiàn)，用戶B可以訪問并線上立即報名。

項目描述

用例名稱我的參與、發(fā)表活動

用例標(biāo)識號06

參與者普通用戶、普通用戶

參與者1進(jìn)入到我的界面，打開發(fā)表活動界面，上傳圖片、

簡要說明完善活動信息，發(fā)表。參與者1和參與者2可以活動界面

查詢到活動發(fā)布的動態(tài)。

前置條件參與者1登錄成功進(jìn)入到我的界面、活動界面

1.參與者1“我的”界面，點擊發(fā)表活動欄目圖標(biāo)

2.參與者1在新跳轉(zhuǎn)的界面點擊“選擇照片”，在文件管

理里面選擇照片，返回新跳轉(zhuǎn)的界面，點擊上傳

基本事件流

3.參與者1在新跳轉(zhuǎn)的界面填寫活動信息（活動名稱、活

動描述、時間）

4.點擊提交，發(fā)布成功后返回至“我的”界面

23

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

5.參與者1與參與者2點擊“活動”，在活動界面查詢到

發(fā)布的活動，查看活動詳情

6.參與者2在查看詳情界面點擊“立即參加”即可參加

7.用例終止

在按“提交”圖標(biāo)之前，可以更改活動信息或者返回“我

其他事件流

的”界面。

提示沒有完善好活動信息（時間、活動名、描述），導(dǎo)致

異常事件流

提交發(fā)布不成功

后置條件進(jìn)入“我的”界面