幸福家庭理財管理系統(tǒng)的設(shè)計與實現(xiàn)

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

目錄

1引言1

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

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

1.2.1MVC模式1

1.2.2MyBatis框架1

1.3開發(fā)工具簡介1

2需求分析2

2.1功能需求描述2

2.2非功能需求描述3

2.3需求用例建模3

2.3.1登錄與注冊功能模塊的用例4

2.3.2賬戶類型管理模塊的用例6

2.3.3收入類型管理模塊的用例9

2.3.4支出類型管理模塊的用例13

2.3.5資訊信息管理模塊的用例16

2.3.6用戶信息管理模塊的用例20

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

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

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

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

3.3.1登錄與注冊功能設(shè)計23

3.3.2賬戶類型管理功能設(shè)計24

3.3.3收入類型管理功能設(shè)計26

3.3.4支出類型管理功能設(shè)計29

3.3.5資訊信息管理功能設(shè)計31

3.3.6用戶信息管理功能設(shè)計33

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

I

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

3.4.1設(shè)計原則34

3.4.2概念設(shè)計34

3.4.3邏輯設(shè)計35

3.4.4數(shù)據(jù)字典35

4系統(tǒng)詳細設(shè)計37

4.1登錄與注冊功能模塊設(shè)計37

4.1.1登錄與注冊功能模塊說明37

4.1.2登錄與注冊功能模塊詳細設(shè)計37

4.2賬戶類型管理功能模塊設(shè)計39

4.2.1賬戶類型管理功能模塊說明39

4.2.2賬戶類型管理功能模塊詳細設(shè)計39

4.3收入類型管理功能模塊設(shè)計41

4.3.1收入類型管理功能模塊說明41

4.3.2收入類型管理功能模塊詳細設(shè)計41

4.4支出類型管理功能模塊設(shè)計43

4.4.1支出類型管理功能模塊說明43

4.4.2支出類型管理功能模塊詳細設(shè)計43

4.5資訊信息管理功能模塊設(shè)計45

4.5.1資訊信息管理功能模塊說明45

4.5.2資訊信息管理功能模塊詳細設(shè)計45

4.6用戶管理功能模塊設(shè)計47

4.6.1用戶管理功能模塊說明47

4.6.2用戶管理功能模塊詳細設(shè)計47

5系統(tǒng)實現(xiàn)49

5.1登錄與注冊實現(xiàn)49

5.1.1登錄與注冊界面設(shè)計49

5.1.2登錄與注冊模塊核心代碼實現(xiàn)50

5.2賬戶類型管理模塊實現(xiàn)51

II

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

5.2.1賬戶類型模塊界面設(shè)計51

5.2.2賬戶類型管理模塊核心代碼實現(xiàn)52

5.3收入類型管理模塊實現(xiàn)54

5.3.1收入類型模塊界面設(shè)計54

5.3.2收入類型管理模塊核心代碼實現(xiàn)55

5.4支出類型管理模塊實現(xiàn)58

5.4.1支出類型模塊界面設(shè)計58

5.4.2支出類型管理模塊核心代碼實現(xiàn)58

5.5資訊信息管理模塊實現(xiàn)61

5.5.1資訊管理模塊界面設(shè)計61

5.5.2資訊信息管理模塊核心代碼實現(xiàn)62

5.6用戶信息管理模塊實現(xiàn)65

5.6.1用戶管理模塊界面設(shè)計65

5.6.2用戶信息管理模塊核心代碼實現(xiàn)65

5系統(tǒng)測試67

6.1登錄與注冊功能測試67

6.2賬戶類型管理功能測試67

6.3收入類型管理功能測試69

6.4支出類型管理功能測試70

6.5資訊信息管理功能測試71

6.6用戶信息管理功能測試72

7設(shè)計小結(jié)73

參考資料74

III

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

幸福家庭理財管理系統(tǒng)的設(shè)計與實現(xiàn)

1引言

1.1項目開發(fā)背景

隨著社會的發(fā)展，理財成為人們分享經(jīng)濟增長，提高家庭收入的重要手段。

俗語說"開源節(jié)流"，怎樣把花銷控制在最合理的水平，其實也是理財學堂中很

重要的一部分，家庭記賬能讓我們掌握自己的支出情況。家庭記賬貴在堅持，

所以要想堅持記賬又有效果，必須減少記賬的工作量，降低記賬的枯燥性，可

以使用家庭理財記賬軟件，快速記賬，清晰的查看收支情況，根據(jù)每月收支對

比，收支差額，做好家庭預算和理財規(guī)劃。

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

幸福家庭理財管理系統(tǒng)采用MVC設(shè)計模式，通過使用SpringBoot、MyBatis

框架進行后端部分的開發(fā)，通過使用Thymeleaf模板引擎、Bootstrap前端框架、

Ajax進行前端部分的開發(fā)，整個項目基于B/S架構(gòu)即瀏覽器和服務(wù)器架構(gòu)模式。

1.2.1MVC模式

MVC是Modell-View-Controll的英文縮寫，它是一種設(shè)計典范，把業(yè)務(wù)邏

輯，數(shù)據(jù)和頁面顯示抽離出來的方式組織代碼。

MVC模式同時提供了對HTML、CSS和JavaScript的完全控制。

1.2.2MyBatis框架

MyBatis它是一個代碼開放式的框架，它比較好用，而且可以把Java對象

持久化于數(shù)據(jù)庫當中.它把很多JDBC的那些復雜性代碼抽離出來，然后經(jīng)過自

身內(nèi)部的封裝和改造把原有的代碼復雜性簡單化了，還提供了一個讓人很好使

用而且很簡單的API借口調(diào)用，這樣很容易的與數(shù)據(jù)庫方面交互。

1.3開發(fā)工具簡介

（1）系統(tǒng)包括代碼的開發(fā)和數(shù)據(jù)庫的開發(fā)，采用了B/S模式和Struts框

架，代碼開發(fā)是MyEclipse工具，數(shù)據(jù)庫的開發(fā)是NavicatforMySQL工具。

（2）Web端即是原先C/S模式中的用戶端，瀏覽器端能夠解析出中間那層

中傳來的數(shù)據(jù)信息，并將其數(shù)據(jù)信息通過傳遞的方式表現(xiàn)給用戶，用戶也能夠

1

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

將自己的數(shù)據(jù)信息傳遞到瀏覽器解析出來的頁面中，通過前臺頁面會把這些數(shù)

據(jù)發(fā)送到后臺服務(wù)器的中間層，即Web服務(wù)器，其次Web服務(wù)器端。這是這個

系統(tǒng)中較重要的一層，系統(tǒng)中的業(yè)務(wù)操作都是在該層進行操作的，Web服務(wù)器會

接收用戶傳來的數(shù)據(jù)，并將數(shù)據(jù)添加到數(shù)據(jù)庫中[6]。Struts框架是采用了Serv

let/JSP技術(shù)，運用其技術(shù)來開發(fā)Web應(yīng)用程序的開源的框架技術(shù)。

（3）系統(tǒng)在管理數(shù)據(jù)庫的方面主要是運用了Hibernate來操作數(shù)據(jù)庫，這

是一個全自動化數(shù)據(jù)庫操作框架，系統(tǒng)能夠運用起面向?qū)ο蟮乃季S來進行操作，

同時，還利用了Spring的IoC依賴注入的方式來管理類，三個框架各自發(fā)揮自

己的作用，但又相互緊密連接，Struts運用了JSP來控制頁面的請求跳轉(zhuǎn)以及

一些頁面上的標簽庫的運用。

2需求分析

2.1功能需求描述

本系統(tǒng)設(shè)置了兩種角色：用戶、管理員，包含如下6個功能模塊。

（1）登錄與注冊模塊:包括用戶登錄、注冊以及管理員登陸。

（2）用戶信息管理模塊:包括刪除用戶、查詢用戶信息、修改用戶信息等功

能。用戶可以實現(xiàn)查詢用戶信息、修改（本人的）用戶信息等功能。管理員可

以實現(xiàn)查詢用戶信息等功能。

（3）賬戶類型管理模塊:包括新增賬戶類型、刪除賬戶類型、瀏覽賬戶信息、

刪除賬戶類型等功能。用戶可以瀏覽賬戶信息等功能。管理員可以實現(xiàn)刪除賬

戶類型、瀏覽賬戶信息、修改賬戶類型、添加賬戶類型等功能。

（4）收入類型管理模塊:包括編輯收入類型、刪除收入類型、發(fā)布收入類型、

瀏覽收入信息等功能。用戶可以瀏覽收入信息的功能。管理員可以實現(xiàn)編輯收

入類型、刪除收入類型、發(fā)布收入類型、瀏覽收入信息等功能。

（5）支出類型管理模塊:包括發(fā)布支出類型、修改支出類型、刪除支出類型、

瀏覽支出信息等功能。用戶可以瀏覽支出信息等功能。管理員可以實現(xiàn)修改支

出類型、刪除支出類型、瀏覽支出信息等功能。

（6）資訊信息管理模塊:包括編輯資訊信息、刪除資訊信息、發(fā)布資訊信息、

瀏覽資訊信息等功能。用戶可以瀏覽資訊信息的功能。管理員可以實現(xiàn)編輯資

訊信息、刪除資訊信息、發(fā)布資訊信息、瀏覽資訊信息等功能。

2

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

2.2非功能需求描述

本系統(tǒng)有以下幾個性能要求：

（1）響應(yīng)時間（Responsetime）：用戶在使用該網(wǎng)頁跟系統(tǒng)進行交互可以

在很短的時間中得到響應(yīng)，在提取數(shù)據(jù)庫的文件并對界面的數(shù)據(jù)更新的響應(yīng)時

間應(yīng)該少于3秒。

（2）并發(fā)用戶數(shù)（Concurrentusers）：可以同時支持上萬個用戶同時完

成一個操作。

（3）頁面渲染：界面的元素在5秒內(nèi)全部加載完畢，能在多個瀏覽器中運

行，例如Edge，谷歌等等。

（4）數(shù)據(jù)庫的安全性：為了維護數(shù)據(jù)庫的安全，拒絕其他非法數(shù)據(jù)庫的訪

問，例如，繞開數(shù)據(jù)庫管理系統(tǒng)的防護機制。

（5）系統(tǒng)的可維護性：此項目是屬于前后端分離模式的，前端的開發(fā)人員

利用node.js搭建自己本地的服務(wù)器，然后直接在本地開發(fā)。然后通過一些交

互技術(shù)例如axios將自己的請求發(fā)送到后端。這樣就可以直接模擬在線運行。

后端使用springboot，開發(fā)比較簡單，只需要導入項目所需要的依賴，然后就

可以直接進行開發(fā)了。兩者可以同時進行，不需要一邊快，一邊慢。開發(fā)的效

率比較高，而且分工比較明確。

2.3需求用例建模

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

3

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

圖2-1幸福家庭理財系統(tǒng)的總體用例模型

2.3.1登錄與注冊功能模塊的用例

在設(shè)計理財網(wǎng)站的時候，我們通過面向?qū)ο蟮乃枷耄⑶彝ㄟ^用例圖和活

動圖進行了梳理分析。登錄注冊模塊主要是登錄管理員、登錄用戶、注冊用戶

這三個操作功能。系統(tǒng)對前端提供接口，前端不需要了解邏輯，只需要展示即

可，后端處理邏輯交給系統(tǒng)，數(shù)據(jù)存入數(shù)據(jù)庫即可。

登錄注冊模塊用例圖如圖2-2所示。

圖2-2登錄注冊功能模塊用例圖

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

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

4

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

圖2-3用戶登錄注冊功能模塊活動圖

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

描述表。注冊功能模塊用例描述如表2-1所示。

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

項目描述

用例名稱用戶注冊

用例標識號01

參與者用戶

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

簡要說明

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

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

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

2.在密碼框里輸入密碼

基本事件流

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

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

5

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

6.用例終止

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

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

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

2.3.2賬戶類型管理模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段中，對用例圖進行了梳理分析。賬戶類型管理模

塊具體的用例描述如圖2-4所示，分別具有新增賬戶類型、刪除賬戶類型、查

詢賬戶類型、瀏覽賬戶信息等功能。

圖2-4賬戶類型模塊用例圖

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

模塊游客角色注冊活動圖如圖2-5所示。

6

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

圖2-5賬戶類型管理功能模塊活動圖

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

述表。賬戶類型模塊用例描述如表2-2所示。

表2-2發(fā)布賬戶類型模塊用例描述

項目描述

用例名稱發(fā)布賬戶類型

用例標識號02

參與者管理員

簡要說明參與者輸入賬戶類型。

前置條件參與者已經(jīng)進入當前系統(tǒng)的賬戶類型頁面

1.參與者在賬戶類型頁面輸入新增賬戶類型的內(nèi)容

2.參與者點擊發(fā)布按鈕

基本事件流3.確認發(fā)布則發(fā)布賬戶類型，操作無效則出現(xiàn)錯誤提示信

息

4.用例終止

其他事件流在點擊發(fā)布按鈕之前，參與者可關(guān)閉當前所在的頁面

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入系統(tǒng)主界面，裝載相應(yīng)數(shù)據(jù)

7

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

刪除賬戶類型內(nèi)容模塊用例描述如表2-3所示，可進行刪除賬戶類型內(nèi)容

等操作。

表2-3刪除賬戶類型內(nèi)容模塊用例描述

項目描述

用例名稱刪除賬戶類型內(nèi)容

用例標識號03

參與者管理員

參與者選中待刪除的賬戶類型內(nèi)容。用戶只能刪除自己所

簡要說明發(fā)的賬戶類型內(nèi)容，管理者可以刪除所有用戶的賬戶類型

內(nèi)容

前置條件參與者已進入該系統(tǒng)的賬戶類型內(nèi)容管理頁面

1.參與者選中要刪除的賬戶類型內(nèi)容

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則刪除賬戶類型內(nèi)容，操作無效則出現(xiàn)錯誤提

示信息

4.用例終止

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入賬戶類型內(nèi)容管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

查詢賬戶類型內(nèi)容模塊用例描述如表2-4所示，可進行瀏覽賬戶信息內(nèi)容等

操作。

表2-4修改賬戶類型模塊用例描述

項目描述

用例名稱修改賬戶類型

用例標識號04

參與者管理員

簡要說明參與者修改賬戶類型內(nèi)容

前置條件參與者已進入該系統(tǒng)的賬戶類型內(nèi)容管理頁面

1.參與者選擇要查詢的賬戶類型內(nèi)容

2.參與者點擊修改按鈕

基本事件流3.確認查詢則查詢賬戶類型內(nèi)容，操作無效則出現(xiàn)錯誤提

示信息

4.用例終止

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

8

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入賬戶類型內(nèi)容管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

瀏覽賬戶類型內(nèi)容模塊用例描述如表2-5所示，可進行瀏覽賬戶類型內(nèi)容等

操作。

表2-5瀏覽賬戶類型內(nèi)容模塊用例描述

項目描述

用例名稱瀏覽賬戶類型內(nèi)容

用例標識號05

參與者用戶、管理員

簡要說明參與者瀏覽賬戶類型內(nèi)容

前置條件參與者已進入該系統(tǒng)的賬戶類型內(nèi)容管理頁面

1.參與者選擇賬戶類型內(nèi)容，點擊進入瀏覽

2.賬戶類型內(nèi)容存在時可進入瀏覽，不存在時則出現(xiàn)錯誤

基本事件流

提示信息

3.用例終止

其他事件流無

異常事件流出現(xiàn)錯誤信息提示，參與者核實

后置條件進入賬戶類型內(nèi)容管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

2.3.3收入類型管理模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段中，對用例圖進行了梳理分析。收入類型信息管

理模塊具體的用例描述如圖2-6所示，分別具有編輯收入類型信息、刪除收入

類型信息、瀏覽收入類型信息、發(fā)布收入類型信息等功能。

9

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

圖2-6收入類型管理功能模塊用例圖

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

模塊游客角色注冊活動圖如圖2-7所示。

圖2-7收入類型管理功能模塊活動圖

10

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

通過對圖2-6用例圖和2-7活動圖進一步的細致分析，得到每個用例的描

述表。賬戶類型模塊用例描述如表2-6所示，可進行賬戶類型增刪改查等操作。

表2-6編輯收入類型模塊用例描述

項目描述

用例名稱編輯收入類型信息

用例標識號06

參與者管理員

參與者進入收入類型信息管理頁面，進行編輯收入類型信

簡要說明

息。

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

1.參與者選擇要編輯的收入類型信息

2.輸入要編輯的內(nèi)容

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

基本事件流性

4.內(nèi)容有效則成功編輯收入類型信息，操作無效則出現(xiàn)錯

誤提示信息

5.用例終止

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入收入類型信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

刪除收入類型信息模塊用例描述如表2-7所示，可進行刪除收入類型信息

等操作。

表2-7刪除收入類型信息模塊用例描述

項目描述

用例名稱刪除收入類型信息

用例標識號07

參與者管理員

參與者選中待刪除的收入類型信息，系統(tǒng)進行驗證后，成

簡要說明

功刪除收入類型信息，反之則出現(xiàn)錯誤提示信息

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

1.參與者選擇待刪除的收入類型信息

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則成功刪除收入類型信息，操作無效則出現(xiàn)錯

誤提示信息

4.用例終止

11

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

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

異常事件流出現(xiàn)錯誤信息提示，參與者核實

后置條件進入收入類型信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

發(fā)布收入類型信息模塊用例描述如表2-8所示，可進行發(fā)布收入類型信息

等操作。

表2-8發(fā)布收入類型信息模塊用例描述

項目描述

用例名稱發(fā)布收入類型信息

用例標識號08

參與者管理員

簡要說明參與者進入收入類型信息管理頁面，發(fā)布收入類型信息

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

1.參與者輸入要發(fā)布的收入類型信息

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

基本事件流性

3．信息有效則成功發(fā)布收入類型信息，反之則提示錯誤

4.用例終止

其他事件流在點擊發(fā)布按鈕之前，參與者可關(guān)閉當前所在的頁面

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入發(fā)布收入類型信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

瀏覽收入類型信息模塊用例描述如表2-9所示，可進行瀏覽收入類型信息

等操作。

表2-9瀏覽收入類型信息模塊用例描述

項目描述

用例名稱瀏覽收入類型信息

用例標識號09

參與者用戶、管理員

簡要說明參與者進行瀏覽收入類型信息

前置條件參與者已進入該系統(tǒng)的收入類型信息頁面

1.參與者選中要進行瀏覽的收入類型信息

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

3.用例終止

其他事件流無

12

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入收入類型信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

2.3.4支出類型管理模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段中，對用例圖進行了梳理分析。支出類型信息管

理模塊具體的用例描述如圖2-8所示，分別具有編輯支出類型信息、刪除支出

類型信息、瀏覽支出類型信息、發(fā)布支出類型信息等功能。

圖2-8支出類型管理功能模塊用例圖

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

模塊活動圖如圖2-9所示。

13

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

圖2-9支出類型管理功能模塊活動圖

通過對圖2-8用例圖和2-9活動圖進一步的細致分析，得到每個用例的描

述表。賬戶支出類型模塊用例描述如表2-10所示。

表2-10編輯支出類型模塊用例描述

項目描述

用例名稱編輯支出類型信息

用例標識號10

參與者管理員

參與者進入支出類型信息管理頁面，進行編輯支出類型信

簡要說明

息。

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

1.參與者選擇要編輯的支出類型信息

2.輸入要編輯的內(nèi)容

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

基本事件流性

4.內(nèi)容有效則成功編輯支出類型信息，操作無效則出現(xiàn)錯

誤提示信息

5.用例終止

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

14

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入支出類型信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

刪除支出類型信息模塊用例描述如表2-12所示，可進行刪除支出類型信息

等操作。

表2-11刪除支出類型信息模塊用例描述

項目描述

用例名稱刪除支出類型信息

用例標識號11

參與者管理員

參與者選中待刪除的支出類型信息，系統(tǒng)進行驗證后，成

簡要說明

功刪除支出類型信息，反之則出現(xiàn)錯誤提示信息

前置條件參與者已進入該系統(tǒng)的支出類型信息管理頁面

1.參與者選擇待刪除的支出類型信息

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則成功刪除支出類型信息，操作無效則出現(xiàn)錯

誤提示信息

4.用例終止

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

異常事件流出現(xiàn)錯誤信息提示，參與者核實

后置條件進入支出類型信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

發(fā)布支出類型信息模塊用例描述如表2-12所示，可進行發(fā)布支出類型信息

等操作。

表2-12發(fā)布支出類型信息模塊用例描述

項目描述

用例名稱發(fā)布支出類型信息

用例標識號12

參與者管理員

簡要說明參與者進入支出類型信息管理頁面，發(fā)布支出類型信息

前置條件參與者進入系統(tǒng)的支出類型信息管理頁面

1.參與者輸入要發(fā)布的支出類型信息

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

基本事件流性

3．信息有效則成功發(fā)布支出類型信息，反之則提示錯誤

4.用例終止

15

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

其他事件流在點擊發(fā)布按鈕之前，參與者可關(guān)閉當前所在的頁面

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入發(fā)布支出類型信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

瀏覽支出類型信息模塊用例描述如表2-13所示，可進行瀏覽支出類型信息

等操作。

表2-13瀏覽支出類型信息模塊用例描述

項目描述

用例名稱瀏覽支出類型信息

用例標識號13

參與者用戶、管理員

簡要說明參與者進行瀏覽支出類型信息

前置條件參與者已進入該系統(tǒng)的支出類型信息頁面

1.參與者選中要進行瀏覽的支出類型信息

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

3.用例終止

其他事件流無

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入支出類型信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

2.3.5資訊信息管理模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段中，對用例圖進行了梳理分析。資訊信息管理模

塊具體的用例描述如圖2-10所示，分別具有編輯資訊信息、刪除資訊信息、瀏

覽資訊信息、發(fā)布資訊信息等功能。

16

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

圖2-10資訊信息管理功能模塊用例圖

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

模塊活動圖如圖2-11所示。

圖2-11咨詢信息管理功能模塊活動圖

17

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

通過對圖2-10用例圖和2-11活動圖進一步的細致分析，得到每個用例的

描述表。資訊信息模塊用例描述如下表所示。

表2-14編輯資訊模塊用例描述

項目描述

用例名稱編輯資訊信息

用例標識號14

參與者管理員

簡要說明參與者進入資訊信息管理頁面，進行編輯資訊信息。

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

1.參與者選擇要編輯的資訊信息

2.輸入要編輯的內(nèi)容

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

基本事件流性

4.內(nèi)容有效則成功編輯資訊信息，操作無效則出現(xiàn)錯誤提

示信息

5.用例終止

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入資訊信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

刪除資訊信息模塊用例描述如表2-15所示，可進行刪除資訊信息等操作。

表2-15刪除資訊信息模塊用例描述

項目描述

用例名稱刪除資訊信息

用例標識號15

參與者管理員

參與者選中待刪除的資訊信息，系統(tǒng)進行驗證后，成功刪

簡要說明

除資訊信息，反之則出現(xiàn)錯誤提示信息

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

1.參與者選擇待刪除的資訊信息

2.參與者點擊刪除按鈕

基本事件流3.確認刪除則成功刪除資訊信息，操作無效則出現(xiàn)錯誤提

示信息

4.用例終止

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

18

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

異常事件流出現(xiàn)錯誤信息提示，參與者核實

后置條件進入資訊信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

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

表2-16發(fā)布資訊信息模塊用例描述

項目描述

用例名稱發(fā)布資訊信息

用例標識號16

參與者管理員

簡要說明參與者進入資訊信息管理頁面，發(fā)布資訊信息

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

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

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

基本事件流性

3．信息有效則成功發(fā)布資訊信息，反之則提示錯誤

4.用例終止

其他事件流在點擊發(fā)布按鈕之前，參與者可關(guān)閉當前所在的頁面

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入發(fā)布資訊信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

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

表2-17瀏覽資訊信息模塊用例描述

項目描述

用例名稱瀏覽資訊信息

用例標識號17

參與者用戶、管理員

簡要說明參與者進行瀏覽資訊信息

前置條件參與者已進入該系統(tǒng)的資訊信息頁面

1.參與者選中要進行瀏覽的資訊信息

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

3.用例終止

其他事件流無

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入資訊信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

19

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

2.3.6用戶信息管理模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段中，對用例圖進行了梳理分析。用戶信息管理模

塊具體的用例描述如圖2-12所示，管理員具有查詢用戶信息的功能，用戶有修

改用戶信息、刪除用戶信息、查詢用戶信息等功能。

圖2-12用戶信息管理功能模塊用例圖

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

模塊活動圖如圖2-13所示。

圖2-13用戶信息管理功能模塊活動圖

通過對圖2-12用例圖和2-13活動圖進一步的細致分析，得到每個用例的

20

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

描述表。用戶信息模塊用例描述如下表所示。

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

項目描述

用例名稱修改用戶信息

用例標識號18

參與者用戶

簡要說明參與者進入用戶信息管理頁面，進行編輯用戶信息。

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

1.參與者選擇要編輯的用戶信息

2.輸入要編輯的內(nèi)容

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

基本事件流性

4.內(nèi)容有效則成功編輯資訊信息，操作無效則出現(xiàn)錯誤提

示信息

5.用例終止

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

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入資訊信息管理頁面，裝載對應(yīng)的數(shù)據(jù)信息

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

項目描述

用例名稱查詢用戶信息

用例標識號19

參與者用戶、管理員

簡要說明參與者進行查詢用戶信息

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

1.參與者輸入要進行查詢的用戶信息

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

3.用例終止

其他事件流無

異常事件流提示出現(xiàn)錯誤，參與者核實確認

后置條件進入用戶信息頁面，裝載對應(yīng)的數(shù)據(jù)信息

21

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

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

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

在理財網(wǎng)站的開發(fā)過程中必須要遵守以下原則，讓系統(tǒng)在后面變得更加穩(wěn)

定，擴展性強。

（1）抽象：抽象是一種技術(shù)，在系統(tǒng)中起到了決定性的作用，抽象可以使

系統(tǒng)從復雜的現(xiàn)象從而簡化，讓人易分析易理解，在系統(tǒng)開發(fā)的過程中需要多

個階段，每一個階段都需要不同層級的抽象，并且一層層細化。

（2）命名規(guī)范：雖然系統(tǒng)不會涉及到多人開發(fā)，但是一定要去遵守命名規(guī)

則，命名規(guī)范也是為了方便以后拓展以及查找問題，讓他人看代碼簡潔，知道

一個個類的主要作用是做什么的。

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

根據(jù)系統(tǒng)的需求分析、用例建模分析結(jié)合開發(fā)平臺的特點設(shè)計該理財網(wǎng)站

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

圖3-1幸福家庭理財系統(tǒng)整體架構(gòu)圖

22

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

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

模塊化的系統(tǒng)結(jié)構(gòu)設(shè)計工作是在系統(tǒng)分析階段對各子系統(tǒng)進行進一步劃分

的基礎(chǔ)上，將其逐層分解，形成大小相同、單一、具有一定獨立性的多個模塊，

這樣在進行程序設(shè)計的同時，也加強了數(shù)據(jù)庫之間的聯(lián)系，使系統(tǒng)更加完善。

在對幸福家庭理財系統(tǒng)進行需求分析和用例建模的基礎(chǔ)上，確定了幸福家庭理

財系統(tǒng)的主要模塊，包括登錄與注冊、賬戶類型管理、收入類型管理、支出類

型管理、資訊信息管理、用戶信息管理等。圖3-2顯示了幸福家庭理財系統(tǒng)的

結(jié)構(gòu)，本系統(tǒng)共有六個主要模塊。

圖3-2幸福家庭理財系統(tǒng)功能結(jié)構(gòu)圖

3.3.1登錄與注冊功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到其模塊相關(guān)功能描述，用

戶登錄與注冊描述使用功能流程圖描述，如下圖3-3。

23

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

圖3-3登錄與注冊功能模塊流程圖

表3-1登錄與注冊功能模塊相關(guān)功能描述

功能名稱登陸與注冊管理

功能概述參與者登錄與注冊

輸入內(nèi)容輸入賬戶對應(yīng)信息

系統(tǒng)處理分為用戶和管理員兩方登錄

輸出內(nèi)容操作成功或者失敗的提示

3.3.2賬戶類型管理功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到各子模塊相關(guān)功能描述，

賬戶類型管理功能描述添加、修改、瀏覽流程圖描述，如下圖3-4。

24

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

圖3-4賬戶類型添加、修改、瀏覽流程圖

表3-2賬戶類型添加、修改、瀏覽功能模塊相關(guān)功能描述

功能名稱用戶添加、修改、瀏覽管理

功能概述添加、修改、瀏覽賬戶類型信息

輸入內(nèi)容輸入添加、修改、瀏覽賬戶類型的基本信息

系統(tǒng)處理執(zhí)行操作，刷新頁面

輸出內(nèi)容操作成功或者失敗的提示

賬戶類型管理功能描述刪除流程圖描述，如下圖3-5。

25

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

圖3-5賬戶類型刪除功能模塊流程圖

表3-3用戶刪除功能模塊相關(guān)功能描述

功能名稱刪除賬戶類型

功能概述刪除賬戶類型

輸入內(nèi)容選擇待刪除賬戶類型信息

參與者選擇待刪除賬戶類型信息，系統(tǒng)進行驗證后成功刪

系統(tǒng)處理

除用戶，否則提示錯誤信息

輸出內(nèi)容操作成功或者失敗的提示

3.3.3收入類型管理功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到各子模塊相關(guān)功能描述，

收入類型管理功能描述添加、修改、瀏覽流程圖描述，如下圖3-6。

26

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

圖3-6收入類型添加、修改、瀏覽流程圖

表3-4收入類型添加、修改、瀏覽功能模塊相關(guān)功能描述

功能名稱收入添加、修改、瀏覽管理

功能概述添加、修改、瀏覽收入類型信息

輸入內(nèi)容輸入添加、修改、瀏覽收入類型的基本信息

系統(tǒng)處理執(zhí)行操作，刷新頁面

輸出內(nèi)容操作成功或者失敗的提示

收入類型管理功能描述刪除流程圖描述，如下圖3-7。

27

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

圖3-7收入類型刪除功能模塊流程圖

表3-5收入刪除功能模塊相關(guān)功能描述

功能名稱刪除收入類型

功能概述刪除收入類型

輸入內(nèi)容選擇待刪除收入類型信息

參與者選擇待刪除收入類型信息，系統(tǒng)進行驗證后成功刪

系統(tǒng)處理

除用戶，否則提示錯誤信息

輸出內(nèi)容操作成功或者失敗的提示

28

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

3.3.4支出類型管理功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到各子模塊相關(guān)功能描述，

支出類型管理功能描述發(fā)布、修改、瀏覽流程圖描述，如下圖3-8。

圖3-8支出類型發(fā)布、修改、瀏覽流程圖

表3-6支出類型發(fā)布、修改、瀏覽功能模塊相關(guān)功能描述

功能名稱支出類型發(fā)布、修改、瀏覽管理

功能概述發(fā)布、修改、瀏覽支出類型信息

輸入內(nèi)容輸入發(fā)布、修改、瀏覽支出類型的基本信息

系統(tǒng)處理執(zhí)行操作，刷新頁面

輸出內(nèi)容操作成功或者失敗的提示

支出類型管理功能描述刪除流程圖描述，如下圖3-9。

29