重做记账系统及功能优化

939 字
5 分钟
重做记账系统及功能优化

我的记账系统终于能电脑手机同步了#

这次我做了一个自己的记账系统,名字叫:

闫的记账铺

它可以记收入、支出、分类、账户,还能看图表。

最重要的是:电脑和手机都能打开同一个网址。

记账系统首页截图
记账系统首页截图

最后使用的网址#

真正打开记账系统的网址是:

https://jizhang-demo.pages.dev

手机和电脑都打开这个。

如果页面没变化,可以打开:

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

一开始遇到的问题#

刚开始我用的是电脑本地地址,类似:

http://LAPTOP-L91VHNS3:5178

电脑能打开,但是手机打不开。

后来又试了一个同步地址:

https://yan-jizhang-sync.495662876.workers.dev

电脑能用,但是手机打不开,所以手机上传账单会提示:

上传失败:Load failed

手机上传失败截图
手机上传失败截图

最后改成了更简单的办法:
网页和同步都用同一个地址。

https://jizhang-demo.pages.dev

这样手机不用再访问那个打不开的 workers.dev 地址。

怎么同步#

打开记账系统后,进入:

设置 -> 云同步

同步接口地址填写:

https://jizhang-demo.pages.dev

然后点击:

保存同步设置

云同步设置截图
云同步设置截图

电脑和手机的同步节点#

我现在理解的同步过程很简单:

电脑 / 手机
闫的记账铺网页
云端账本
另一台设备再同步回来

也就是说,电脑和手机不是直接互相传数据,而是都连到同一个云端账本。

我准备在这里放一张图,展示电脑端和手机端同步的位置:

电脑端和手机端同步节点
电脑端和手机端同步节点

如果电脑上有账单#

电脑上记了账,就在电脑上点:

上传本机到云端

然后手机打开同一个网址,登录同一个账号,再点:

从云端同步到本机

这样电脑上的账单就到手机了。

如果手机上记账#

如果平时主要用手机记账,就在手机上这样设置:

设置 -> 云同步
同步接口地址:https://jizhang-demo.pages.dev
勾选:保存账单后自动上传到云端

以后手机每次记账,会自动上传。

电脑想看手机上的账单时,打开电脑端,点:

从云端同步到本机

简单理解就是:

在哪台设备记账,就在哪台设备上传。
另一台设备想看,就从云端同步到本机。

记账界面能做什么#

记账页面主要就是日常用的功能,不复杂:

  • 可以选择消费或收入
  • 可以填写金额
  • 可以选分类,比如餐饮、交通、购物、工资
  • 可以选账户,比如现金、银行卡、支付宝、微信
  • 可以写备注
  • 保存后会出现在账单列表和统计图表里

我准备在这里放四张图,分别展示不同功能:

记账页面:填写金额、分类、账户和备注
记账页面:填写金额、分类、账户和备注

账单页面:查看每一笔收入和支出
账单页面:查看每一笔收入和支出

统计页面:看消费类型和趋势图
统计页面:看消费类型和趋势图

设置页面:管理分类、账户和同步
设置页面:管理分类、账户和同步

多个人使用会不会混在一起#

不会。

系统不是只靠密码区分用户,而是靠:

用户名 + 密码

用户名才是区分账本的关键。

比如两个人密码一样,但是用户名不同,账本也不会混在一起。

张三 / 123456
李四 / 123456

这两个账号会是两个独立账本。

几个重点(当时在这里出错了)#

不要打开这个当记账系统:

https://yan-jizhang-sync.495662876.workers.dev

真正打开记账系统的是:

https://jizhang-demo.pages.dev

同步接口也填写:

https://jizhang-demo.pages.dev

日常使用口诀:

有数据的设备:上传本机到云端
要更新的设备:从云端同步到本机

支持与分享

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

赞助
重做记账系统及功能优化
https://394000.xyz/posts/jizhang-sync/
作者
Yan
发布于
2026-07-09
许可协议
CC BY-NC-SA 4.0

评论区

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

音乐

暂未播放

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

文章目录