开发语言：Java

使用框架：春季启动

前端技术：JavaScript，Vue.js（2.x），CSS3

数据库：MySQL 5.7

数据库管理工具：Navicat或Sqlyog

开发工具：想法或eClise

2。项目简介：

视频加载.

3。运行屏幕截图：

3.1用户客户端功能实现

用户注册是通过注册窗口完成的，用户帐户，密码，联系电话，电子邮件等在线填写。编辑信息后，检查信息正确，系统选择和寄存器。系统检查用户输入的帐户信息是否准确。验证信息是否准确后，系统进入操作接口。

用户登录到系统操作接口后，他可以根据他的需求管理和维护主页，消费详细信息，收入详细信息，我的模块。

如图3-1所示。

图3-1用户注册接口图

用户通过帐户和密码行页登录，输入主帐簿applet的主要接口，输入操作接口并执行相应的操作，如图3-2所示。

图3-2用户登录接口图

用户可以在主页页面上填写主页，消费详细信息，收入详细信息，我和其他信息以执行提交操作，如图3-3所示。

图3-3主页界面图

用户可以输入新闻页面以填写标题，内容和其他信息以查看它，如图3-4所示。

图3-4新闻和信息接口图

当用户输入消费详细信息页面时，他们可以填写标题，食品消费，购物消费，运输消费，学习消费，其他消费，总消费，用户帐户，角色，注册时间，封面和其他信息，如图3-3-所示。

图3-5消耗详细信息接口图

当用户输入收入详细信息页面时，他们可以填写标题，工资收入，奖金收入，总收入，用户帐户，角色，注册时间，封面和其他信息以执行提交操作，如图3-6-所示。

图3-6收入详细信息界面图

当用户输入我的页面时，他们可以填写信息，例如消费详细信息，收入详细信息等，并提交它，如图3-7所示。

图3-7我的界面图

3.2 管理员服务端功能实现

管理员通过家庭会计书Applet确认。管理员进入家庭会计书Applet的主要接口。管理员进入操作接口，并通过登录窗口在线填写其用户名，密码和角色。登录成功后，进入系统操作接口以获取相应的信息，如图3-8所示。

图3-8管理员登录的主界面图

管理员进入接口并穿过接口的任务厅。登录成功后，他可以输入系统以查看主页，个人中心，用户管理，消费详细信息管理，收入详细信息管理，系统管理和其他功能模块，并执行相应的操作，如图3-9所示。

图3-9管理员功能接口图

管理员单击个人信息以输入页面，可以填写用户名和其他信息以执行详细信息，修改和删除操作，如图3-10所示。

图3-10个人信息接口图

管理员进入用户管理接口并通过接口的任务厅进入登录后，您可以检查用户帐户，密码，性别，年龄，联系电话，电子邮件，电子邮件和其他信息，并执行相应的操作，如图3-11所示。

图3-12用户管理接口图

管理员进入消费详细的管理界面，并通过接口的任务厅进行登录后，您可以查看标题，食品消费，购物消费，运输消费，学习消费，其他消费，其他消费，总消费，用户帐户，角色帐户，角色，注册时间，覆盖时间，覆盖和其他信息，并执行相应的操作，如图3-13所示。

图3-13消费详细信息管理接口图

管理员输入收入详细信息管理接口，并通过接口的任务厅成功登录后，您可以查看标题，工资收入，奖金收入，其他收入，总收入，用户帐户，角色，角色，注册时间，封面和其他信息，并执行相应的操作，如图3-14所示。

图3-14收入细节管理接口图

轮播图；此页面是轮播图管理接口。管理员可以在此页面上的主页上管理轮播图片。通过新操作，可以将新图片添加到轮播图片中。他们还可以修改上传的图片并删除图片，如图3-15所示。

图3-15旋转图管理界面图

管理员输入系统公告接口，并通过接口的任务厅。登录成功后，他可以输入系统以查看标题，图片和其他信息并执行相应的操作，如图3-16所示。

用户评论

浅嫣婉语

听说留学期间的生活费挺贵的？这记账本能帮我了解一下自己花销吗？

    有20位网友表示赞同！

别伤我i

我想做好计划，等有机会去留学的时候能够把钱的花用得更合理！

    有14位网友表示赞同！

闲肆

记账真的很重要！留学期间更需要好好记录自己的收入和支出。

    有16位网友表示赞同！

心已麻木i

这个家庭记账本设计还挺人性化的，应该能帮我更好地把握个人财务。

    有18位网友表示赞同！

巴黎盛开的樱花

想试试用这个記帳本，看看自己留学生活真的要花多少錢哦！

    有10位网友表示赞同！

有一种中毒叫上瘾成咆哮i

有了记账本，可以更清楚地了解自己的开销比例，比如吃饭、住宿、学习等。

    有18位网友表示赞同！

安陌醉生

我觉得在国外生活，学习管理财务意识很重要！

    有12位网友表示赞同！

゛指尖的阳光丶

这个记账本可以帮我规划留学期间的预算，避免过度消费。

    有10位网友表示赞同！

久爱不厌

留学期间的生活费确实是一大块支出，记账能让我更快掌握自己的资金状况。

    有12位网友表示赞同！

颓废i

我打算出国留学，这个记账本能帮我做好财务计划，让自己更轻松地应对各种开销。

    有7位网友表示赞同！

花开丶若相惜

为了将来留学，从现在开始养成记账的好习惯吧！

    有10位网友表示赞同！

墨城烟柳

记账不仅可以帮助控制消费，还可以让我了解自己在哪些方面花钱比较多。

    有18位网友表示赞同！

巷陌繁花丶

这个家庭记账本看起来很清晰易懂，适合用来记录留学期间的每个支出。

    有11位网友表示赞同！

来自火星的我

留学生活离不开计划，做好预算管理很重要！用记账本来记录每一笔花销更准确些 。

    有11位网友表示赞同！

泪湿青衫

我觉得学习用记账本来管理自己的钱财是一件很有用的技能！

    有16位网友表示赞同！

棃海

这个记账本应该能够帮助我更好地掌握留学期间的财务状况，让我更加安心。

    有20位网友表示赞同！

虚伪了的真心

记账不仅是为了控制支出，也为了更好地规划未来，这对我留学有很大的帮助!

    有8位网友表示赞同！

那伤。眞美

在国外的学习生活一定很丰富多彩，但也要注意合理消费，这个記帳本能帮到我 !

    有18位网友表示赞同！