记账系统优化记录

842 字
4 分钟
记账系统优化记录

记账系统优化记录#

今天继续优化我的记账系统:

闫的记账铺

这次不是单纯加功能,而是把真正使用时不舒服的地方重新整理了一遍。
主要优化了四个地方:同步逻辑、出行统计、账单页面比例、首页信息结构。

记账系统优化后的首页
记账系统优化后的首页

同步逻辑改成合并模式#

之前电脑和手机都能同步,但有一个隐患:
如果某一台设备先点了“上传本机到云端”,有可能把另一台设备已经上传过的数据覆盖掉。

这次把同步方式改成了更稳的合并逻辑:

上传本机到云端 = 把本机账单合并到云端
从云端同步到本机 = 把云端账单合并回本机

这样电脑和手机都可以记账,不会因为点错按钮就把另一端的数据冲掉。

电脑端同步设置
电脑端同步设置

手机端同步设置
手机端同步设置

出行统计兼容单人和双人#

这次还补了出行记账场景。

如果只是自己出行,就关闭双人统计,系统会默认把出行账单算到“本人”,界面也不会显示同行人相关内容。

如果是两个人一起出行,就打开:

开启双人出行统计

出行账单就可以选择:

本人
同行人

这样统计页就能分开看两个人各自花了多少钱。

双人出行统计开关
双人出行统计开关

账单页面比例修好了#

今天还修了一个很明显的问题:
账单页面在手机端和电脑端都会出现比例不协调,文字被挤到一边,甚至变成竖排。

后来发现是复选框被全局样式撑得太大,影响了整条账单的布局。

现在重新调整后:

  • 复选框固定大小
  • 分类图标不乱跑
  • 金额不会挤压备注
  • 操作按钮不会把内容推歪
  • 手机端和电脑端都更正常

账单页面优化后效果
账单页面优化后效果

首页重新精简#

首页之前堆了太多信息。
比如净资产、预算、账户数量、分类数量都放在首页,会让页面变长,而且手机端看起来很挤。

这次首页改成更适合日常打开的结构:

今日收支结余
今日收入
今日支出
本月收入
本月支出
消费类型占比
近期账单

我觉得这样更符合记账习惯:
每天打开先看今天花了多少、收入多少,再看本月整体情况。

首页日/月收支概览
首页日/月收支概览

以后打开哪个网址#

正常使用还是打开:

https://jizhang-demo.pages.dev

如果刚部署完还看到旧页面,可以临时打开:

https://jizhang-demo.pages.dev/?v=20260712-homeclean

同步接口也继续填写:

https://jizhang-demo.pages.dev

小结#

今天这版优化后,系统更接近我真正想要的样子:

日常记账更快
手机电脑同步更稳
首页更清爽
账单页面不再乱
出行统计也能兼顾单人和双人

这次正是在使用后感觉不完善,所以进行优化。后面我会更关注真实使用体验,而不是一味往页面里堆功能。 至于三人以上我暂时不考虑,纯属主观意愿。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!

赞助
记账系统优化记录
https://394000.xyz/posts/jizhang-optimization/
作者
Yan
发布于
2026-07-12
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
Yan
你好,这是我的个人博客
公告
欢迎来到我的博客!这是一则示例公告。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
8
分类
3
标签
18
总字数
8,831
运行时长
0
最后活动
0 天前

文章目录