记账管理
其中,查询条件中类型为下拉列表,可选值有“不限,支出,收入,转账,借出,借入,还入,还出”。日期输入框需要输入“yyyy-MM-dd”格式的日期字符串,点击“搜索”按钮提交表单,提交时如果输入项不符合输入要求,则显示相应提示信息。列表中根据记账类别在金额前添加相应的“+,-”符号,如果类别为“支出,借出,还出”时在金额前添加“-”。如果类别为“收入,借入,还入”时在金额前添加“+”。如果根据输入项进行查询后没有找到账单数据,则给出提示信息,如图所示:
点击“记账”按钮后,进入记账页面,如图
类型属性是单选框,标题输入框最长输入不能超过 25 字符,日期输入框需要输入“yyyy-MM-dd”格式的日期字符串,金额输入框必须为大于 0 的数,说明输入框中最大输入长度为 250 字符。
点击“重置”按钮则恢复初始值点击“保存”按钮执行保存功能。提交数据至 Controller 前必须使用 JS 验证。如果各属性输入值不符合要求则需提示用户。点击“返回”按钮放弃当前记账操作。并返回首页。
功能补充:在“说明”列后加一列,叫“操作”。用户可以删除或修改数据。
分页显示:上一页 下一页 首页 尾页 当前页码 总页数 总条数
本项目所包含的项目源码和数据库的脚本都在资源里,读者可自行下载,BillSystem