个人财务管理系统设计与实现(5)

图16 日志表

4.2.5界面设计

界面是用户接触到的系统的形象，是系统与用户之间的接口，也是控制和选择信息输入输出的主要途径，用户正是通过一个个界面来了解和使用系统，从而实现系统的功能。基于此原因，本系统的界面设计，简单美观，可视性好，色彩柔和，使用户视觉感觉较好，同时让用户感觉友好、简便、实用、一目了然、易于操作。

(1)首页面

在系统首页上，可以查看到该理财网站的基本信息，可以通过几张功能日常开销，查看开销的状态图，如果你是本站的会员，可以登录进入系统并且使用本网站的功能，否则你可以通过注册成为本站会员，使用更多的功能。具体界面如下所示：

16

图17 系统首页

(2)快捷面板

用户登录之后，可以查看的有权限使用的功能快捷面板，包括新增日志，批量增加帐目，自定义分类，预算，留言悄悄话，个人信息管理，报表查看等等功能。

17

图18 快捷面板

(3)新增日志

本页面主要是记录单笔收入或者支出的信息，里面包括了该笔金额的明细和日期，具体分类如下图所示：

图19 新增日志

(4)批量新增账目

本页面主要是记录多笔收入或者支出的信息，可能有的用户某一段时间内才记录一次信息，或者一天内发生较多次的收支，这样一条一条填写会比较繁琐，对此有个批量添加的功能，里面同样有该笔金额的明细和日期，具体分类如下图所示：

18

图20 批量新增帐目

(5)预算

有的消费可能是提前计划好的，这样既有了计划消费，又提醒用户理性消费，然后会在每笔账目的最后显示一个预算的提示，这样你记录每一笔收支的时候会看到本月的预算消息。

图21 预算

(6)个人信息

本页面主要用于用户信息的完善和修改。

19

图22 修改个人信息

(7)收支浏览

主要用于每天的收支信息的观察，用图表的形式表达出来更能一目了然。

图23 浏览收入和支出

(8)账目列表

用于查看个人所有收入和支出明细清单。

20