基于SpringBoot電子相冊的設計與實現

湖南商務職業(yè)技術學院畢業(yè)設計

目錄

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

1.1項目開發(fā)背景.............................................1

1.2開發(fā)技術簡介.............................................1

1.2.1Struts2技術簡介......................................1

1.2.2Java訪問數據庫技術簡介...............................2

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

1.4項目開發(fā)技術路線.........................................2

2需求分析........................................................3

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

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

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

2.3.1用戶功能模塊的用例....................................4

2.3.2相冊管理模塊的用例....................................7

2.3.3圖片管理模塊的用例...................................11

2.3.4個人信息管理模塊的用例...............................13

2.3.5評論信息模塊的用例...................................17

3系統(tǒng)概要設計...................................................21

3.1系統(tǒng)設計原則............................................21

3.2系統(tǒng)框架設計............................................21

3.3系統(tǒng)功能設計............................................22

3.3.1用戶功能設計.........................................23

3.3.2相冊管理功能設計.....................................23

3.3.3圖片管理功能設計.....................................24

3.3.4個人信息管理功能設計.................................24

3.3.5評論信息管理功能設計.................................25

3.4數據庫設計..............................................26

II

湖南商務職業(yè)技術學院畢業(yè)設計

3.4.1設計原則..............................................26

3.4.2概念設計.............................................26

3.4.3邏輯設計.............................................27

3.4.4數據字典.............................................27

4系統(tǒng)詳細設計...................................................28

4.1用戶功能模塊設計........................................28

4.1.1用戶功能模塊說明.....................................28

4.1.2用戶功能模塊詳細設計.................................29

4.2相冊管理功能模塊設計....................................30

4.2.1相冊管理功能模塊說明.................................30

4.2.2相冊管理功能模塊詳細設計.............................30

4.3圖片管理功能模塊設計....................................32

4.3.1圖片管理功能模塊說明.................................32

4.3.2圖片管理功能模塊詳細設計.............................32

4.4個人信息管理功能模塊設計................................34

4.4.1個人信息管理功能模塊說明.............................34

4.4.2個人信息管理功能模塊詳細設計.........................34

4.5評論信息管理模塊設計....................................35

4.5.1評論信息管理模塊說明..................................35

4.5.2評論信息管理模塊詳細設計.............................36

5系統(tǒng)實現.......................................................37

5.1登錄模塊...................................................37

5.1.1登錄.................................................37

5.1.2注冊.................................................38

5.2相冊添加與刪除模塊.........................................39

5.2.1相冊添加與刪除模塊界面設計............................39

5.2.2相冊添加與刪除模塊核心代碼實現........................39

5.3評論信息修改模塊...........................................40

III

湖南商務職業(yè)技術學院畢業(yè)設計

5.3.1評論信息模塊界面設計..................................40

5.3.2評論信息模塊核心代碼設計..............................40

5.4照片添加與刪除模塊.........................................41

5.4.1照片添加與刪除模塊界面設計............................41

5.4.2照片添加與刪除模塊核心代碼設計........................42

5.5個人信息管理模塊...........................................42

5.5.1個人信息管理模塊界面設計..............................42

5.4.2個人信息管理模塊核心代碼設計..........................42

6系統(tǒng)測試.......................................................43

6.1用戶管理功能測試........................................43

6.2相冊管理功能測試........................................44

6.3圖片管理功能測試........................................45

6.4個人信息管理功能測試....................................47

6.5評論信息管理功能測試....................................48

7設計小結.......................................................49

參考資料..........................................................50

IV

湖南商務職業(yè)技術學院畢業(yè)設計

冬天電子相冊的設計與實現

1引言

隨著現代化國際互聯網的發(fā)展，很多人在畢業(yè)時會選擇買一本相冊存放相

片，但是那樣的話，萬一相冊丟失就再也無法看到相片，而且市面上的相冊也

無法存放過多的相片?，F如今我們的生活方式都在發(fā)生改變，過去存放相片的

方式應該發(fā)生改變，同時發(fā)現過去的存放相片是無法進行很好的分類的，現在

我們有能力去改變這個，讓存放相片的方式得到提升和改進。

1.1項目開發(fā)背景

隨著計算機技術的迅猛發(fā)展,我們現在已經具備了實現許多之前認為不可

能的能力?？梢愿淖冞^去那樣簡陋的相片存放方式，現如今，相片的類型各種

各樣，層出不窮的風格使得我們更加需要管理的工具和存放的工具。因此，我

們現在無論是開發(fā)網站為廣大民眾提供一個可以易于存放和管理的相冊系統(tǒng)，

還是通過制作軟件的方式，都能收獲不錯的反響和收益。并且這個項目的開發(fā)

難度并不大，比較適合我們，既鍛煉了我們的開發(fā)能力，又能將我們在課堂中

學習的內容拿來實踐，讓我們鞏固知識以及獲取更深刻理解。

1.2開發(fā)技術簡介

電子相冊系統(tǒng)的開發(fā)分為前端和后端兩大塊部分。前端偏向于面向用戶，

設計顏色溫柔、大方的網站界面。電子相冊系統(tǒng)采用了Struts2架構進行后端

部分的開發(fā)，把WebComment的技術作為基礎核心，通過使用Struts2內置的攔

截器機制去處理用戶的請求，之后將Servlet和JSP進行前端部分的開發(fā)，項

目的開發(fā)是基于B/S架構的。

1.2.1Struts2技術簡介

Struts2是一個Web應用框架，基于MVC設計模式，本質相當于是一個se

rvlet，視圖的數據交互與模型的建立是將Struts2當做一個控制器來完成的。

WebComment是Struts2的核心，用戶的請求通過攔截器處理，可以把Struts2

1

湖南商務職業(yè)技術學院畢業(yè)設計

當作是WebComment的升級，因為Struts2有著可以讓業(yè)務邏輯控制器和

ServletAPI完全離開的設計。即便如此，對于WebComment，Struts2的變化很

小。

1.2.2Java訪問數據庫技術簡介

JDBC是Java語言用于訪問各種類型的數據庫的一種規(guī)范和編程接口。通過

使用JDBC,開發(fā)人員可以向不同類型的數據庫發(fā)送SQL語句,從而使數據庫訪問

變得非常容易。JDBC提供了一組標準的Java接口和類,使得開發(fā)人員可以訪問

不同類型的數據庫,而不必編寫多個適用于不同數據庫的程序。因此,使用JDBC

的程序員只需要編寫一次程序,就能在多個不同的平臺上運行程序,不必編寫針

對不同平臺的特定應用程序。此外,憑借JDBC,連接和操作不同數據庫的步驟基

本相同,只需在獲得驅動程序的URL方面有所不同。

1.3開發(fā)工具簡介

工具的使用：采用IDEA+Tomcat+Sqlserver

IDEA：IDEA是一種近些年發(fā)布并受到大眾認可的開發(fā)工具。被公認為最好

的Java代碼開發(fā)集成環(huán)境，在代碼分析、版本控制、用戶界面設計方面的功能

都比原先大家常用的Eclipse平臺更為優(yōu)秀。

Tomcat作為小型服務器，擁有很多優(yōu)點，非常適合小型項目開發(fā)，不但免

費，并且安裝和部署都很簡單便捷。

1.4項目開發(fā)技術路線

JSP技術使用Java編程語言來實現動態(tài)網頁的封裝,它通過tags和

scriptlets,可以讓網頁訪問服務端的資源和應用邏輯。通過使用JSP技術,開

發(fā)人員可以將網頁的邏輯與設計和顯示分離,從而支持可重用的基于組件的開

發(fā),并且更容易地設計基于Web的應用程序。這種分離使得網頁開發(fā)變得更加靈

活,同時也提高了開發(fā)人員的效率和代碼重用率。本系統(tǒng)電子相冊網站系統(tǒng)選取

的是JSP技術來進行前端頁面的開發(fā)。

2

湖南商務職業(yè)技術學院畢業(yè)設計

2需求分析

2.1功能需求描述

通過開展電子相冊線上問卷調查，了解了普通用戶和管理員對電子相冊的

需要，希望通過系統(tǒng)的設計，用來實現滿足用戶需求的電子相冊，從問卷調查

中，總結歸納出以下較為重要的功能。

(1)電子相冊的添加相冊分類功能

作為一個電子相冊管理系統(tǒng)，電子相冊的添加相冊分類，可以將用戶想存

儲的相片分類而管理，方便用戶查看和瀏覽相片，這里主要實現了相冊的創(chuàng)建

和相冊信息的記錄。

(2)電子相冊的登錄注冊功能

這個功能是一個比較重要的功能，根據每一個用戶的賬號，存儲自己的相

片，互不影響，為每一個用戶提供合適且安全的個性化服務，用戶的信息的傳

輸與保存都會經過加密處理，以保證每一個用戶的信息安全性。

(3)電子相冊信息管理與個人信息管理功能

電子相冊提供了用戶的個人信息修改功能和相冊信息管理，用戶可以修改

自己的個人信息，同時電子相冊的信息管理可以操作相冊。

2.2非功能需求描述

1.響應需求

（1）一般操作的響應時間應在1-2秒內；

（2）更新處理時間小于1秒。

2.靈活性需求

(1)靈活性需求指的是軟件在使用過程中能夠適應變化并具有可調性和可

改進性。其中,操作方式和運行環(huán)境不會產生變化,這使得用戶可以保持熟悉的

操作方式和穩(wěn)定的運行環(huán)境。與其他軟件接口也沒有變化,這使得軟件能夠與其

他軟件進行無縫連接,以實現更復雜的功能。

(2)精度和有效時限可調節(jié),這使得用戶可以根據自己的需要和要求對軟件進行

微調,以獲得更合適的結果。

3

湖南商務職業(yè)技術學院畢業(yè)設計

最后,計劃的變化和改進也是可以實現的,這使得軟件能夠根據用戶的反饋

和需求進行改進,以滿足不斷變化的需求。

2.3需求用例建模

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

圖2-1冬天電子相冊系統(tǒng)的總體用例模型

2.3.1用戶功能模塊的用例

對面向對象進行需求分析。功能模塊用戶角色的具體的用例描述如圖2-2

所示，分別具有注冊用戶、查詢電子相冊等操作功能。

圖2-2登錄注冊用例圖

4

湖南商務職業(yè)技術學院畢業(yè)設計

通過對用例圖進行一個細化分析，使用活動圖針對系統(tǒng)動態(tài)行為進行建模。

模塊用戶角色注冊活動圖如圖2-3所示。

圖2-3用戶角色注冊功能模塊活動圖

通過對圖2-2用例圖及圖2-3活動圖進一步的細化分析，得到每個用例的

描述表。注冊功能模塊用例描述如表2-1所示，可以進行注冊等操作。

表2-1用戶注冊功能模塊用例描述

項目描述

用例名稱用戶管理員注冊

用例標識號01

參與者用戶、管理員

參與者輸入用戶名、密碼以及其它信息，系統(tǒng)進行驗證后

簡要說明

成功新增用戶，否則提示錯誤

前置條件參與者進入系統(tǒng)進入注冊頁面

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

2.在密碼框里輸入密碼,再次驗證密碼,輸入昵稱

基本事件流3.點擊注冊按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入系統(tǒng)主界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“注冊”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

5

湖南商務職業(yè)技術學院畢業(yè)設計

表2-2用戶登錄功能模塊用例描述

項目描述

用例名稱用戶、管理員登錄

用例標識號02

參與者用戶、管理員

參與者輸入用戶名、密碼，驗證通過后允許登錄系統(tǒng)，否

簡要說明

則拒絕登錄系統(tǒng)

參與者已進入該系統(tǒng)的登錄頁面

前置條件

數據庫中有當前需要登錄的用戶名

1.在用戶名輸入框里輸入用戶名

2.用戶在密碼輸入框里輸入密碼

3．參與者點擊登錄按鈕后，系統(tǒng)校驗所輸入內容的有效合

基本事件流理性

4.信息有效則進入系統(tǒng)的主界面，反之則出現錯誤提示信

息給用戶

5.用例終止

其他事件流在點擊登錄按鈕之前，參與者可瀏覽相冊

異常事件流提示出現錯誤，參與者核實確認

后置條件進入主界面，裝載對應的數據信息

表2-3用戶查詢功能模塊用例描述

6

湖南商務職業(yè)技術學院畢業(yè)設計

項目描述

用例名稱查詢用戶管理員信息

用例標識號03

參與者管理員、用戶

參與者輸入待查詢的用戶信息，系統(tǒng)進行驗證后，成功查

簡要說明

詢出用戶信息，反之則提示錯誤信息

前置條件參與者已進入該系統(tǒng)的用戶列表頁面

1.參與者輸入待查詢的用戶信息

2.參與者點擊查詢按鈕，系統(tǒng)校驗所輸入內容的有效合理

性

基本事件流

3．信息有效則成功查詢并顯示相對應的用戶信息，反之則

提示相應錯誤

4用例終止

其他事件流在點擊查詢按鈕之前，參與者可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

后置條件進入主界面，裝載對應的數據信息

2.3.2相冊管理模塊的用例

相冊添加與刪除模塊用例描述如表2-4所示，可以進行相冊的添加與刪除，

可以進行相冊的添加與刪除等操作。

圖2-4相冊管理用例圖

通過對用例的細致分析，使用活動圖針對系統(tǒng)動態(tài)行為進行建模。相冊信

7

湖南商務職業(yè)技術學院畢業(yè)設計

息管理模塊活動圖如圖2-5所示。

圖2-5相冊管理活動圖

通過對圖2-4用例圖及圖2-5活動圖進一步的細致分析，得到每個用例的

描述表。編用例描述如表2-4所示，可進行編輯相冊信息等操作。

表2-4相冊添加模塊用例描述

項目描述

用例名稱相冊的添加

用例標識號04

參與者用戶

簡要說明用戶登錄成功后，在系統(tǒng)內進行圖片相冊的添加

前置條件參與者進入系統(tǒng)進入添加頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入相冊添加界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“增加”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

8

湖南商務職業(yè)技術學院畢業(yè)設計

表2-5相冊刪除模塊用例描述

項目描述

用例名稱相冊刪除

用例標識號05

參與者用戶

簡要說明用戶登錄成功后，在系統(tǒng)內進行相冊的刪除

前置條件參與者進入系統(tǒng)進入相冊管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入相冊刪除界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“刪除”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

表2-6相冊修改模塊用例描述

項目描述

用例名稱相冊修改

用例標識號06

參與者用戶、管理員

簡要說明用戶、管理員登錄成功后，在系統(tǒng)內進行相冊的刪除

前置條件參與者進入系統(tǒng)進入相冊管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入相冊修改界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“修改”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

表2-7相冊查看模塊用例描述

9

湖南商務職業(yè)技術學院畢業(yè)設計

項目描述

用例名稱相冊查看

用例標識號07

參與者用戶、管理員

簡要說明用戶、管理員登錄成功后，在系統(tǒng)內進行相冊的查看

前置條件參與者進入系統(tǒng)進入相冊管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入相冊查看界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“查看”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

表2-8相冊封禁模塊用例描述

項目描述

用例名稱相冊封禁

用例標識號08

參與者用戶、管理員

簡要說明用戶、管理員登錄成功后，在系統(tǒng)內進行相冊的封禁

前置條件參與者進入系統(tǒng)進入相冊管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入相冊封禁界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“封禁”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

10

湖南商務職業(yè)技術學院畢業(yè)設計

2.3.3圖片管理模塊的用例

這個模塊實現的是對系統(tǒng)所有圖片的維護管理功能，圖片添加與刪除模塊

用例描述如圖2-6所示，能夠對圖片的刪除與增加，可以進行圖片的添加與刪

除等操作。

圖2-6圖片管理用例圖

通過對用例的細致分析，使用活動圖針對系統(tǒng)動態(tài)行為進行建模。相冊信

息管理模塊活動圖如圖2-7所示

圖2-7圖片管理活動圖

通過對圖2-6用例圖的細致分析，得到每個用例的描述表。編用例描述如

11

湖南商務職業(yè)技術學院畢業(yè)設計

表2-9所示，可進行圖片信息等操作。

表2-9刪除圖片信息模塊用例描述

項目描述

用例名稱刪除圖片信息

用例標識號09

參與者用戶、管理員

參與者選擇圖片信息，系統(tǒng)進行驗證后，成功刪除圖片信

簡要說明

息，反之提示錯誤。

前置條件參與者已打開當前系統(tǒng)的圖片信息管理頁面

1.參與者選擇待刪除的圖片信息

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則成功刪除圖片信息，操作無效則出現提示錯

誤信息

4.用例終止

其他事件流在點擊刪除按鈕之前，參與者可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

后置條件進入圖片信息管理頁面，裝載對應的數據信息

修改圖片信息模塊用例描述如表2-10所示，可進行修改圖片信息等操作。

表2-10修改圖片信息模塊用例描述

項目描述

用例名稱修改圖片信息

用例標識號10

參與者管理員

簡要說明參與者進入修改圖片信息頁面。進行修改圖片信息

前置條件參與者已進入該系統(tǒng)的修改圖片信息頁面

1.參與者選擇要修改的圖片信息

2.參與者輸入新修改的圖片信息

3.參與者點擊修改按鈕，系統(tǒng)校驗所輸入內容的有效合理

基本事件流

性

4.信息有效則成功修改圖片信息，反之則提示錯誤

5.用例終止

其他事件流在點擊修改按鈕之前，參與者可關閉當前所在的頁面

異常事件流出現錯誤信息提示，參與者核實

后置條件進入圖片信息管理頁面，裝載對應的數據信息

12

湖南商務職業(yè)技術學院畢業(yè)設計

查詢圖片信息模塊用例描述如表2-11所示，可進行查詢圖片信息等操作。

表2-11查詢圖片信息模塊用例描述

項目描述

用例名稱查詢圖片信息

用例標識號11

參與者用戶、管理員、用戶

簡要說明參與者輸入要查詢的圖片信息

前置條件參與者進入系統(tǒng)的圖片信息管理頁面

1.參與者輸入要查詢的圖片信息

2.參與者點擊查詢按鈕

基本事件流3．確認查詢則顯示查詢到的圖片信息，操作無效則出現錯

誤提示信息

4.用例終止

其他事件流在參與者點擊查詢按鈕之前,他們有權限關閉當前頁面

如果系統(tǒng)出現錯誤提示,參與者需要核實確認并確定錯誤

異常事件流

出現的原因。

后置條件進入圖片信息頁面，裝載對應的數據信息

添加圖片信息模塊用例描述如表2-12所示，可進行添加圖片信息等操作。

表2-12添加圖片信息模塊用例描述

項目描述

用例名稱添加圖片信息

用例標識號12

參與者用戶

簡要說明參與者進入圖片信息管理頁面，進行添加圖片信息操作

前置條件參與者進入該系統(tǒng)的圖片信息管理頁面

1.參與者輸入要添加的圖片信息

2.參與者點擊添加按鈕，系統(tǒng)校驗所輸入內容的有效合理

基本事件流

性

3.信息有效則成功添加圖片信息，反之則提示錯誤

其他事件流在點擊添加按鈕之前，用戶可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

后置條件進入圖片信息管理頁面，裝載對應的數據信息

2.3.4個人信息管理模塊的用例

13

湖南商務職業(yè)技術學院畢業(yè)設計

這個模塊實現的是對個人信息的維護管理功能，個人信息的操作功能用例

描述如圖2-8所示，可以進行圖片的添加與刪除，可以進行圖片的添加與刪除

等操作。

圖2-8個人信息管理用例圖

通過對用例的細致分析，使用活動圖針對系統(tǒng)動態(tài)行為進行建模。相冊信

息管理模塊活動圖如圖2-9所示

14

湖南商務職業(yè)技術學院畢業(yè)設計

圖2-9個人信息管理活動圖

通過對圖2-8用例圖的細致分析，得到每個用例的描述表。編用例描述如

表2-13所示，可進行個人信息修改、添加、刪除等操作。

表2-13個人信息添加模塊用例描述

項目描述

用例名稱個人信息的添加

用例標識號13

參與者用戶、管理員

簡要說明用戶登錄成功后，在系統(tǒng)內進行個人信息的添加

前置條件參與者進入系統(tǒng)進入添加頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入個人信息添加界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“增加”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

項目描述

用例名稱個人信息刪除

用例標識號14

參與者用戶、管理員

簡要說明用戶登錄成功后，在系統(tǒng)內進行個人信息的刪除

前置條件參與者進入系統(tǒng)進入個人信息管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入個人信息刪除界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“刪除”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

15

湖南商務職業(yè)技術學院畢業(yè)設計

表2-14個人信息修改模塊用例描述

項目描述

用例名稱個人信息修改

用例標識號15

參與者用戶、管理員

簡要說明用戶登錄成功后，在系統(tǒng)內進行個人信息的修改

前置條件參與者進入系統(tǒng)進入個人信息管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入個人信息修改界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“修改”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

表2-15個人信息查詢模塊用例描述

項目描述

用例名稱個人信息查詢

用例標識號16

參與者用戶、管理員

簡要說明用戶登錄成功后，在系統(tǒng)內進行個人信息的查詢

前置條件參與者進入系統(tǒng)進入個人信息管理頁面

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

2.在密碼框里輸入密碼

基本事件流3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

5.有效則進入個人信息查詢界面。無效則提示相應錯誤。

6.用例終止

其他事件流在按“查詢”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

表2-16個人信息上傳頭像模塊用例描述

16

湖南商務職業(yè)技術學院畢業(yè)設計

項目描述

用例名稱個人信息上傳頭像

用例標識號17

參與者用戶、管理員

簡要說明用戶登錄成功后，在系統(tǒng)內進行個人信息的上傳頭像

前置條件參與者進入系統(tǒng)進入個人信息管理頁面

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

2.在密碼框里輸入密碼

3.點擊登錄按鈕，系統(tǒng)驗證參與者輸入有效性。

基本事件流

5.有效則進入個人信息上傳頭像界面。無效則提示相應錯

誤。

6.用例終止

其他事件流在按“上傳頭像”按鈕之前，參與者可以關閉此頁面。

異常事件流提示錯誤信息，參與人確認

后置條件進入系統(tǒng)主頁面，裝載相應的數據

2.3.5評論信息模塊的用例

這個模塊實現的是對評論信息的維護管理功能，評論信息的操作功能用例

描述如圖2-10所示，可以進行評論信息的添加與刪除等操作。

圖2-10評論信息管理用例圖

通過對用例的細致分析，使用活動圖針對系統(tǒng)動態(tài)行為進行建模。相冊信息

管理模塊活動圖如圖2-11所示

17

湖南商務職業(yè)技術學院畢業(yè)設計

圖2-11評論信息管理活動圖

通過對圖2-10用例圖的細致分析，得到每個用例的描述表。編用例描述如

表2-17所示，可進行評論信息刪除添加查看等操作。

表2-17刪除評論信息模塊用例描述

項目描述

用例名稱刪除評論信息

用例標識號10

參與者用戶、管理員

參與者選擇評論信息，系統(tǒng)進行驗證后，成功刪除評論信

簡要說明

息，反之提示錯誤。

前置條件參與者已打開當前系統(tǒng)的評論信息管理頁面

1.參與者選擇待刪除的評論信息

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則成功刪除評論信息，操作無效則出現提示錯

誤信息

4.用例終止

其他事件流在點擊刪除按鈕之前，參與者可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

18

湖南商務職業(yè)技術學院畢業(yè)設計

后置條件進入評論信息管理頁面，裝載對應的數據信息

修改評論信息模塊用例描述如表2-18所示，可進行修改評論信息等操作。

表2-18修改評論信息模塊用例描述

項目描述

用例名稱修改評論信息

用例標識號11

參與者用戶、管理員

簡要說明進入修改評論信息頁面并進行修改評論信息

前置條件參與者已進入該系統(tǒng)的修改評論信息頁面

1.參與者選擇要修改的評論信息

2.參與者輸入新修改的評論信息

3.參與者點擊修改按鈕，系統(tǒng)校驗所輸入內容的有效合理

基本事件流

性

4.信息有效則成功修改評論信息，反之則提示錯誤

5.用例終止

其他事件流在點擊修改按鈕之前，參與者可關閉當前所在的頁面

異常事件流出現錯誤信息提示，參與者核實

后置條件進入評論信息管理頁面，裝載對應的數據信息

查詢評論信息模塊用例描述如表2-19所示，可進行查詢評論信息等操作。

表2-19查詢評論信息模塊用例描述

項目描述

用例名稱查詢評論信息

用例標識號12

參與者用戶、管理員、用戶

簡要說明參與者輸入要查詢的評論信息

前置條件參與者進入系統(tǒng)的評論信息管理頁面

1.參與者輸入要查詢的評論信息

2.參與者點擊查詢按鈕

基本事件流3．確認查詢則顯示查詢到的評論信息，操作無效則出現錯

誤提示信息

4.用例終止

其他事件流在點擊查詢按鈕之前，參與者可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

19

湖南商務職業(yè)技術學院畢業(yè)設計

后置條件進入評論信息頁面，裝載對應的數據信息

發(fā)布評論信息模塊用例描述如表2-20所示，可進行發(fā)布評論信息等操作。

表2-20發(fā)布評論信息模塊用例描述

項目描述

用例名稱發(fā)布評論信息

用例標識號13

參與者用戶

簡要說明參與者進入評論信息管理頁面，進行發(fā)布評論信息操作

前置條件參與者進入該系統(tǒng)的評論信息管理頁面

1.參與者輸入要發(fā)布的評論信息

2.參與者點擊發(fā)布按鈕，系統(tǒng)校驗所輸入內容的有效合理

基本事件流

性

3.信息有效則成功發(fā)布評論信息，反之則提示錯誤

其他事件流在點擊發(fā)布按鈕之前，用戶可關閉當前所在的頁面

異常事件流提示出現錯誤，參與者核實確認

后置條件進入評論信息管理頁面，裝載對應的數據信息

瀏覽評論信息模塊用例描述如表2-21所示，可進行瀏覽評論信息等操作。

表2-21瀏覽評論信息模塊用例描述

項目描述

用例名稱瀏覽評論信息

用例標識號14

參與者用戶、管理員、用戶

簡要說明參與者對評論信息進行瀏覽

前置條件參與者進入該系統(tǒng)的評論信息管理頁面

1.參與者選中要進行瀏覽的評論信息

基本事件流2.若評論信息存在，可以瀏覽；反之則提示錯誤

3.用例終止

其他事件流無

異常事件流提示出現錯誤，參與者核實確認

后置條件進入評論信息頁面，裝載對應的數據信息

點贊評論信息模塊用例描述如表2-22所示，可進行點贊評論信息等操作。

表2-22點贊評論信息模塊用例描述

項目描述

20

湖南商務職業(yè)技術學院畢業(yè)設計

用例名稱點贊評論信息

用例標識號15

參與者用戶、管理員、用戶

簡要說明參與者對評論信息進行點贊

前置條件參與者進入該系統(tǒng)的評論信息管理頁面

1.參與者選中要進行點贊的評論信息

基本事件流2.若評論信息存在，可以點贊；反之則提示錯誤

3.用例終止

其他事件流無

異常事件流提示出現錯誤，參與者核實確認

后置條件進入評論信息頁面，裝載對應的數據信息

3系統(tǒng)概要設計

3.1系統(tǒng)設計原則

合適性：設計出來的軟件要滿足用戶的需求，并且開發(fā)成本和客戶都能通

過軟件獲得對應的利益。

結構穩(wěn)定性：系統(tǒng)設計的第一要務就是結構穩(wěn)定性，其余的用戶界面設計、

數據庫設計等都是在之后考慮的。

可擴展性：軟件擴展新功能的容易程度。

可復用性：軟件可以兼容現有的環(huán)境和資源，降低成本。

3.2系統(tǒng)框架設計

根據系統(tǒng)的需求分析、用例建模分析結合開發(fā)平臺的特點設計該電子相冊

網站系統(tǒng)的系統(tǒng)架構模型，如圖3-1所示。

21

湖南商務職業(yè)技術學院畢業(yè)設計

圖3-1電子相冊系統(tǒng)整體架構圖

3.3系統(tǒng)功能設計

根據需求分析階段的結果,本系統(tǒng)的結構可以分為兩個主要部分：登錄模塊

和操作模塊。登錄模塊是系統(tǒng)的核心,用戶在輸入正確的登錄信息后可以登錄進

入系統(tǒng)。登錄成功之后,系統(tǒng)會根據用戶角色和系統(tǒng)權限返回不同的操作結果,

這些操作包括用戶管理、板塊管理、論壇管理等操作,以方便用戶進行各種相關

的任務。因此,該系統(tǒng)結構清晰,功能齊全。通過合理的分層和模塊化設計,可以

提高系統(tǒng)的可維護性和可擴展性,同時也可以使系統(tǒng)的用戶界面變得更加友好

和易用。如圖3-2：

22

湖南商務職業(yè)技術學院畢業(yè)設計

圖3-2電子相冊系統(tǒng)功能結