jsp家庭收支管理系统sqlserver

演示视频：

系统功能实现

• 1. 系统登录页面实现

1. 描述：为了确保系统的安全性，要操作系统必须先登录到系统中，需要用户使用注册过的正确的账号密码登录到本系统。
2. 程序运行效果图如图4-1所示

图4-1 系统登录页面

在登录页面输入用户名和密码之后点击提交，跳转到登录的service中，在该service里会对用户名、密码进行判断，验证不同结果进入对应的不同页面

登录模块关键代码：

• 1. 系统注册页面

1. 描述：用户想要使用系统，必须先进行注册一个账号进行登录。用户点击注册按钮之后弹出窗体进行注册，输入基本信息后，系统将数据传入后台进行存储。在前台页面上进行判断账号是否重复、密码用户名不能为空等
2. 程序运行效果如图4-2所示

图4-2 用户注册

• 1. 系统主界面设计

1. 描述：系统主界面左侧显示几大功能的可操作功能栏，点击按钮可进入相关功能的子菜单，并且高亮显示。
2. 程序运行效果如图4-3所示

图4-3 系统主页面

在左侧每个功能页面将会对相关用户进行拦截操作，这样可以提高安全性，防止用户不经过登录页面而进入任何子菜单页面

各个模块功能实现

• • 1. 收入信息管理

一、收入信息添加

1. 描述：用户输入收入信息后点击提交按钮，如果是没有输入完整的收入信息，都会给出响应的错误提示，不能录入成功，输入数据都通过form表单中定义的方法submit()进行检查，调用后台action层的servlet把数据传入数据库存储。
2. 程序效果图如下图4-4所示

图4-4 收入信息添加

二、收入信息管理

1. 描述：用户点击左侧菜单“收入信息管理”，页面跳转到收入信息管理界面，调用后台action层的servlet从数据库查找对应用户的信息绑定在request传给前台显示。
2. 程序效果图如下图4-5所示

图4-5 收入信息管理支出信息管理

一、支出信息添加

1. 描述：用户输入支出信息后点击提交按钮，进行输入信息验证，如果没有完整输入信息会给出相应错误提示，不能录入成功。输入数据都通过οnclick=”submit()”传入后台
2. 程序效果图如下图4-6所示

图4-6 支出信息添加

二、支出信息管理

1. 描述：用户点击左侧的菜单“支出信息管理”，右端页面跳转到支出信息管理界面，调用后台action层servlet从数据库取数据绑定到request上，传入前台显示在页面上
2. 程序效果图如下图4-7所示：

图4-7 支出信息管理收支统计模块

1. 描述：统计两个时间段的收入和消费信息，以饼状图的形式显示，给用户更直观的视觉效果，饼状图通过jfreechart这个开源控件实现。
2. 程序效果图如下图4-8、图4-9所示

图4-8 统计模块界面

图4-9 统计效果图银行卡模块

一、银行卡添加

1. 描述：在页面上进行判断是否完整输入信息，数据通过action层的servlet传入数据库存储
2. 程序效果图如图4-10所示：

图4-10 银行卡添加

二、银行卡管理

1. 描述：点击左侧菜单的“银行卡管理”，页面跳转到银行卡管理界面，调用后台action层查询该用户的所有银行卡信息，并把数据传到前台显示出来，在页面上添加判断，是信用卡才显示添加还款按钮，否则不显示该按钮。
2. 程序效果如图4-11所示：

图4-11 银行卡管理修改个人信息

1. 描述：用户登录系统后，点击左侧菜单栏可以修改自己的个人信息，除了用户账号不能修改之外都可以重新进行修改，在页面上添加有信息不完整输入验证，输入的信息通过action层传入数据库进行update
2. 程序效果如图4-12所示：

图4-12 个人信息修改