為保證系統的安全，用戶使用本系統則必須先注冊一個賬號，然后使用正確的賬號密碼進行登錄進入系統。程序運行的登陸注冊界面如下圖所示：

圖3.1.1 系統登陸界面

在此頁面輸入用戶名及密碼后，點登陸按鈕，則自動跳轉到關于登陸的service中，該 service 將對輸入的用戶名和密碼進行判斷，通過則進入對應的下一個頁面。相應的關鍵代碼在Service包下的loginService類。如果用戶選擇注冊按鈕，則彈出如下的注冊頁面

圖3.1.2 普通用戶注冊界面

管理員管理主頁面：左邊菜單欄頁面顯示了管理員可以進行的操作管理功能，點擊即可進入相關的頁面進行管理。

程序運行的管理界面如下圖所示：

圖3.2管理員管理界面

管理員進入此頁面后可點擊左側菜單的“修改個人密碼”進行改密碼，點擊“注冊用戶管理”，頁面即跳轉到用戶管理的界面，此時調用后臺的action類來查詢出所有注冊用戶的信息， 并把信息傳入數據集合List中繼而綁定request對象，Zui后跳轉到相應的JSP頁面，顯示如上的用戶信息。當管理員想要刪除某個用戶時，點擊用戶信息后面的“刪除”按鈕，即可完成用戶的刪除操作。關于用戶信息管理的相應關鍵代碼見：action包中的UserAction類。點擊“安全退出系統”即跳轉到系統的主界面。

普通用戶登錄進入系統后，可以修改除帳號以外的個人信息，如密碼、聯系電話等。程序運行界面如下所示：

圖3.3.1用戶修改個人信息界面

關于修改個人信息的相應關鍵代碼見action 包下的 UserAction 類。

3.3.2.1添加收入信息

用戶點擊“添加收入信息”按鈕后進入如下界面，開始輸入一定日期的收入情況，點擊“提交”即完成信息的添加。輸入的數據通過 form 表單中的方法οnsubmit="return checkForm()"進行檢查， checkForm ()方法是各種日常生活驗輸入數據的一種方式。添加收入信息的頁面如下所示：

圖3.3.2.1添加收入信息界面

3.3.2.2管理收入信息

用戶點擊“ 管理收入信息” 后進入如下界面，此時通過調 用后臺的 action類查詢出當前用戶的所有收入信息，并將信息傳到數據集合List中繼而綁定request對象，Zui后跳轉到相應的J2EE頁面，顯示如下的用戶收入信息。用戶想要刪除收入信息點擊“刪除”操作即可。

圖3.3.2.2管理收入信息界面

關于添加/管理用戶收入信息相應的關鍵代碼見:action包下的shouruAction類。

3.3.3.1添加消費信息

用戶點擊“添加消費信息”按鈕后進入如下界面，開始輸入一定日期的消費情況，點擊“提交”即完成信息的添加。輸入的數據通過 form 表單中的方法οnsubmit="return checkForm()"進行檢查， checkForm ()方法是各種日常生活驗輸入數據的一種方式。添加消費信息的頁面如下所示：

圖3.3.3.1添加消費信息界面

3.3.3.2管理消費信息

用戶點擊“ 管理消費信息”后進入如下界面，此時通過調用后臺的 action類查詢出當前用戶的所有消費信息，并將信息傳到數據集合List中繼而綁定request對象，Zui后跳轉到相應的J2EE頁面，顯示如下的用戶消費信息。用戶想要刪除消費信息點擊“刪除”操作即可。

圖3.3.3.2添加消費信息界面

關于添加/管理用戶消費信息相應的關鍵代碼見:action包下的xiaofeiAction類。

計劃信息的管理實現基本與收入、消費管理實現相一致，在此就不多贅述。

3.3.3.1按日統計分析

統計分析每天的收入與消費情況，用表格與餅圖兩種形式顯示出來，清晰且直觀，能給用戶呈現出更好的視覺效果。其中餅圖使用了JFreechart這個開源控件來實現。界面如下圖所示：

圖3.3.3.1按日統計分析界面

關于統計分析用戶按日收入消費信息相應的關鍵代碼見:WebRoot下的tongji文件。

3.3.3.2按月統計分析

按月統計分析、收入計劃、消費計劃統計分析基本與按日統計分析的實現相一致，在此就不多贅述。

3.3.6.1添加理財日志

當用戶看到好的理財文章或有自己的理財心得想要記錄下來時，進入系統點擊“添加理財日志”進行相應的輸入即可發表理財日志。添加日志界面如下所示：

圖3.3.6.1添加理財日志界面

關于理財日志的編輯，這里用到了從http://java.fckeditor.net的網站上下載的一個實用的在線編輯器。下載之后把相關文件直接導入WebRoot的文件夾下，然后用記事本把ewebeditor.htm文件打開，并將config.ServerExt 中的值"asp";改為相應的"jsp"，Zui后在添加日志的jsp頁面（rizhiAdd.jsp）加入

3.3.3.2 管理理財日志

用戶想要管理添加的日志，則點擊“管理理財日志”跳轉到管理理財日志界面，此時調用后臺的理財日志從Action類查詢用戶所有相應的理財日志信息，并將信息傳到數據集合List中繼而綁定到request對象，Zui后跳轉到相應的jsp頁面，顯示用戶的理財日志信息。管理日志信息界面如下所示：

圖3.3.6.2 管理理財日志界面

關于管理用戶理財日志信息相應的關鍵代碼見:action包下的rizhiAction類。

為方便用戶進行理財計算，本系統設計了一個使用計算器的功能，用戶點擊“使用計算器”即可彈出系統的計算器，方便用戶使用，其界面如下所示： 

圖3.3.7 使用計算器界面

關于用戶使用計算器功能的主要編寫的代碼是調用用戶系統程序里自帶的計算器，詳見WebRoot下的Calculator文件。