0%

在Notion里创建自己的记账应用

前言

在一周前我还在使用某象笔记,但最近该笔记丧心病狂地弹框推广告,即使是多年付费老用户也是,于是决定弃用某象笔记,最后经过一番对比,选择了Notion。

实际使用一周后,发现得益于其强大的Database功能,Notion真的能做到官方宣传的All-in-one。它不仅仅是把笔记本、代办事项、项目管理这些功能简单地塞进一个应用里,而且通过Database,能把所有的内容有效地链接起来。

这一周的时间里,我已经在Notion里初步建立了自己的记账、日记、读书笔记的系统。这里我将分享我的记账系统,希望我的分享能让大家领略到Notion Database功能的灵活和强大,并能从自己的实际需求出发,打造属于自己的各种记录系统。

我的记账需求

要创建专属于自己的系统,首先需要分析自己的需求是怎样的,我的记账需求很简单,就是希望能记录我的每项支出,然后能很方便的查看我今日的支出,本月的支出,本年的支出,最近7天的支出,最近一个月的支出等,设置每月的预算,跟踪预算消耗情况,以及不同分类的支出情况。

根据我的需求,我打造出来的记账的首页是长这样的:
471D79BB-219D-4BDC-927E-7F2B4F4B1DBF_1_105

整个页面分三块,最上面是我本月预算、支出的跟踪,让我能随时了解我的支出是否在预算内。左下部分是今日支出和过去7天的支出,右下部分则是过去一个月的支出。表格的底部分别显示各自的支出总额。此外,在子页面,还有年度支出的视图。

S1.建立账单数据库

上图的所有视图分了两个数据库,本月视图是一个单独的年月数据库,其他视图都是同一个账本数据库,这个数据库的数据又会链接到年月数据库。那么我们就先来创建账本和年月的数据库,如下:
2020-12-19_16.18.47

然后,需要把账本和年月链接起来。具体做法是在账本里创建一个 Relation Propery,然后选择年月Databse,然后把账单里的数据,设置到具体的年月,这样账单和年月就建立和双向链接,可以在年月里统计关联到该年月的账单数据。
2020-12-19_16.22.18
2020-12-19_16.27.05

然后,我们在年月里新建一个总支出的Rollup的Property,并把它设置为计算账本支出的总和,这样,我们就可以很方便的拿到某月的总支出数据了。
2020-12-19_16.28.07
2020-12-19_16.28.31

获得了当月的总支出后,我们就可以再设置一个预算,然后和总支出比较,计算预算的消耗情况。这里需要用到Notion Database里的formula功能,需要自己写一点简单的代码。具体的方法,大家可以看这篇文章: https://sspai.com/post/56777,这里我直接贴出代码来:

1
slice("■■■■■■■■■■", (prop("预算") - prop("总支出")) / prop("预算") * 10) + " " + slice(format(prop("总支出") / prop("预算") * 100), 0, 3) + "%"

效果如图:
2020-12-19_17.34.37

S2.搭建不同的视图

至此数据库的基本功能建好了。现在这两个数据库,还都是展示所有的数据,接下来,我们需要在记账首页建立我们本月、今日、过去7天、过去一个月的视图。这需要用到 linked database 和 dabase 的filter。

在记账首页空白出,敲出 /Create linked database ,选择刚才创建的年月Database,就建立了一个新的年月Database 视图,这里还是展示的所有的数据,我们只想要查看当月的数据,就选择filter,筛选name为本月的数据,然后我们把一些不想看的proerty隐藏,只显示我们想看的数据,就完成了。

2020-12-19_16.47.04

接下来,展示今日、过去7天、过去一个月的账单,也是同样的方法,创建账单的linked database,添加filter,分别添加Create Time is today、is within The past week、is within The past month。
2020-12-19_16.51.48

S3.在iPhone上建立捷径,并添加到桌面

最后,为了方便记账,我们可以在iPhone上创建一个捷径。在iPhone上打开Notion的记账页面,点击页面右上角…,然后点击copy link,复制当前页面的url链接。

然后打开快捷指令app,添加新的捷径,添加一个open url的指令,把刚才复制的页面url填入,点击下一步,设置自己喜欢的icon和名称,最后将这个捷径添加到主屏幕就可以了。添加到主屏幕的时候,还可以设置自定义的icon。
IMB_zRgEKH