https://www.bilibili.com/video/BV1ZA4m1373L/1.1 演示視頻：第5章  詳細設計

在軟件總體設計之后，將進行軟件的詳細設計，詳細設計是軟件設計的重要階段，詳細設計目的是對該項目進行詳細設計，在概要設計的基礎上進一步明確系統結構，詳細地介紹系統的各個模塊，各個模塊的功能，為進行后面的實現和測試做準備。

3.1  系統主界面設計

本系統用戶正確登錄后，便進入系統首頁，系統首頁主要由3大模塊組成，一部分是日程管理；主要功能是對個人比較容忘記的事務進行記錄與提醒，一部分是記事管理，主要包括對比較重大的事情進行記錄管理操作；一部分是帳本管理，主要對個人日常收支的財務進行信息管理操作，在系統首頁中，展示區中主要包括各個模塊中的添加功能。系統主界面如圖3-1所示。

圖3-1 系統主界面

3.2  用戶注冊模塊設計與實現

用戶要想使用本系統。必須先注冊一個人賬號。憑此賬號登陸進系統。才能使用所有的功能。

實現目標：用戶輸入基本的信息后。系統把各項參數傳遞后后臺進行處理。首先判斷用戶名合法性。如果被占用，提示用戶名不可用，否則提示用戶注冊成功，用戶注冊界面如圖3-2所示。

圖3-2 用戶注冊界面

3.3  用戶登陸模塊的設計與實現3.3.1  功能描述及實現的界面

用戶模塊主要功能是用于登錄本系統，用戶登錄模塊包含的內容有用戶名和密碼。在登錄界面，通過對各項登錄條件的驗證，就可以確認用戶的使用權限，只有已經注冊過的家庭成員才能進入此系統。首先將從前臺頁面提交的用戶名和密碼進行接收，之后在后臺進行處理，按照用戶名在數據庫中進行查詢，如果查到該用戶則將該用戶的權限和密碼全都取出來分別賦給兩個字符串變量，判斷從數據庫中讀出的密碼與登錄時輸入的密碼是否匹配，若兩個密碼相同則根據權限的值進入相應的頁面，否則輸出密碼錯誤。用戶登錄模塊的主要功能是驗證密碼的正確性，以便保護每個家庭成員之間的收支隱私。系統對沒有注冊的用戶和家庭成員以外的用戶進行限制登錄。當然，用戶成功登錄之后，會根據自己的用戶名，分別進入響應的操作界面。這就實現了不同家庭成員之間收支情況的隱私保護。結合需求分析可知,此模塊實現的功能為：身份確認、密碼驗證、界面主框架的隱藏和顯示。用戶登錄界面如圖3-3所示。

圖3-3 用戶登陸

3.3.2  程序流程

登陸流程圖如圖3-4所示。

7

圖3-4 登錄流程圖

3.4  日程信息管理模塊的設計與實現3.3.1  功能描述及實現的界面

日程信息管理部分主要分為日程信息管理和新增日程信息兩大模塊。新增日程信息的主要功能：添加近期日程以便起到提醒的作用。日程信息管理的主要功能：管理新增的日程信息。

日程添加模塊，界面如圖3-5所示。

圖3-5 日程添加

日程管理界面如圖3-6所示。

圖3-6 日程管理

3.5  記事信息管理模塊的設計與實現3.3.1  功能描述及界面的實現

記事信息管理部分主要分為記事信息管理和新增記事信息。新增記事信息主要功能是增加日常事情的記錄，相當于備忘錄的功能。記事信息管理的主要功能是：管理新增的記事信息。

新增記事信息模塊界面如圖3-7所示。

圖3-7 新增記事信息管理

記事信息管理界面如圖3-8所示。

圖3-8 記事信息管理

3.6  日常收支模塊的設計與實現3.6.1  功能描述及實現的界面

  日常收支管理部分主要分為收入信息管理、新增信息收入、收入報表輸出、支出信息管理、新增信息支出、支出報表輸出六大模塊。收入部分和支出部分的功能相同。下面介紹收入部分的功能：收入信息管理主要用來統計個人的收入信息，包括收入的類型，時間，金額，備注等；通過收入信息管理下方的添加按鈕可以進入新增信息收入模塊，該模塊主要用來錄入新增收入，包括日期，金額，類型，備注等。錄入完成點擊提交，新增錄入的信息會自動添加到收入信息管理中；收入報表輸出模塊，也稱為收入統計，通過開始日期和截止日期查詢這段時間內的收入情況，該模塊中還有刪除功能，如果有錄入錯誤的或者是數據失效的，可以點擊刪除該錯誤信息。支出部分的功能：支出信息管理主要用來統計個人的支出信息，包括支出的類型，時間，金額，備注等；通過支出信息管理下方的添加按鈕可以進入新增信息支出模塊，該模塊主要用來錄入新增支出項，包括日期，金額，類型，備注等。錄入完成點擊提交，新增支出的信息會自動添加到支出信息管理中；支出報表輸出模塊，也稱為支出統計，通過開始日期和截止日期查詢這段時間內的支出情況，該模塊中還有刪除功能，如果有錄入錯誤的或者是數據失效的，可以點擊刪除該錯誤信息。

此模塊是本系統的核心所在。主要用于管理個人的日常收入和消費信息，界面如圖3-9所示。

圖3-9 日常收支管理

個人收入信息添加，界面如圖3-10所示。

圖3-10 個人收入信息添加

個人收入管理，界面如圖3-11所示。

圖3-11 個人收入管理