[js] 创建 dailynote 自动添加到数据库

思源笔记创建 dailynote 很方便,但是我觉得思源笔记还一直欠缺对 dailynote 的全局管理和浏览
不方便从全局的角度来看这几天、这几周、这几个月每天在干什么

我最近几个月开始尝试用数据库来管理 dailynote,存放全年的 dailynote,发现这种方式可以很方便地快速回顾每日日记,可以通过建立视图,设置筛选条件来建立每月日记视图,还可以在数据库中添加打分、状态(灵感来源:微信状态)、总结、反思等列

这个数据库的位置,我会在年、每月的复盘笔记里

PixPin20240926214926.png

不过目前我只能创建 dailynote 后,再将其手动拖到数据库中,要是新建日记的时候,能自动化添加到指定的数据库,就会省心很多

于是提了一个 issue:创建 dailynote 支持自动添加到数据库 · Issue #12587 · siyuan-note/siyuan (github.com)

但暂时还没有回应,不知道官方会不会做

代码片段

看到有大佬写了自动把子文档添加到数据库的功能,见批量导入文档到数据库 0.0.6 版全新发布 - 链滴 (ld246.com)

参考了下,简单写了一个 js 代码片段,对 alt+5 快捷键进行监控(没有对左上方的创建日记按钮进行监控,因为不会),这样创建或打开日记时,就将 dailynote 放进指定的数据库
使用时,只需要配置数据库块 id 即可,变量为 dbBlockId

注意:本代码只会把所有笔记本创建的 dailynote 统统放进一个数据库里,有些人可能有多个笔记本,每个笔记本的 dailynote 如果需要放在不同的数据库,或者只有某个笔记本的 dailynote 才要放进数据库。本代码暂时没对这两种场景做优化,因为个人只用一个笔记本,暂时没有改进需求(代码能用就行哈哈哈)。

(async () => {
    // 标志变量,用于防止重复触发
    let isCreatingDailyNote = false;
    const originalFetch = window.fetch;

    // 重写 fetch 函数
    window.fetch = async function (...args) {
        // 检查是否是我们要监听的API调用
        if (args[0] === '/api/filetree/createDailyNote' && args[1]?.method === 'POST' && !isCreatingDailyNote) {
            console.log('创建每日笔记的API被调用了!');

            // 设置标志位,防止重复进入
            isCreatingDailyNote = true;

            // 执行创建日记后的逻辑
            await dailynoteAddDatabase();

            // 重置标志位
            isCreatingDailyNote = false;
        }

        // 调用原始的 fetch 函数并返回结果
        return originalFetch.apply(this, args);
    };

    // 创建日记的逻辑,监听创建每日笔记的事件时触发
    async function dailynoteAddDatabase() {
        //设置日记自动存放的数据库块id   
        const dbBlockId = '20240911002857-lgav146';
        // 设置哪个笔记本创建日记才添加到数据库,其他笔记本创建日记代码不作用
        const notebookID = '20241028223345-d9ifjv0';

        // 获取当前选择笔记本
        const boxid = window.siyuan.storage["local-dailynoteid"];
        if (boxid === notebookID) {

            // 调用 /api/filetree/createDailyNote 获得日记 ID
            const create_dailynote_result = await fetchSyncPost('/api/filetree/createDailyNote', { notebook: boxid, app: siyuan.ws.app.appId });
            const docID = create_dailynote_result.data.id;

            // 添加日记到数据库中
            const db = await getDataBySql(`SELECT * FROM blocks where type ='av' and id='${dbBlockId}'`);
            if (db.length === 0) {
                console.error("未找到数据库文档块,请检查数据库文档块id是否正确");
                return;
            }

            const avID = db.map(av => getDataAvIdFromHtml(av.markdown))[0];

            // 检测 dailynote 是否已经在数据库里
            let isInResult = await fetchSyncPost("/api/av/getAttributeViewKeys", { id: docID });
            let foundItem = isInResult.data.find(item => item.avID === avID);
            if (foundItem && foundItem.keyValues) {
                console.log(docID + " 已经在数据库");
                return;
            }
            // ------------添加日记到数据库 ------------ // 
            // 组装文档数据参数
            const srcs = [{
                "id": docID,
                "isDetached": false,
            }];

            const input = {
                "avID": avID,
                'srcs': srcs
            };

            await fetchSyncPost('/api/av/addAttributeViewBlocks', input);
            console.log(docID + " 添加到数据库"+avID);


            function getDataAvIdFromHtml(htmlString) {
                // 使用正则表达式匹配data-av-id的值
                const match = htmlString.match(/data-av-id="([^"]+)"/);
                if (match && match[1]) {
                    return match[1]; // 返回匹配的值
                }
                return ""; // 如果没有找到匹配项,则返回空
            }
            async function getDataBySql(sql) {
                const result = await fetchSyncPost('/api/query/sql', { "stmt": sql });
                if (result.code !== 0) {
                    console.error("查询数据库出错", result.msg);
                    return [];
                }
                return result.data;
            }
            async function fetchSyncPost(url, data, returnType = 'json') {
                const init = {
                    method: "POST",
                };
                if (data) {
                    if (data instanceof FormData) {
                        init.body = data;
                    } else {
                        init.body = JSON.stringify(data);
                    }
                }
                try {
                    const res = await fetch(url, init);
                    const res2 = returnType === 'json' ? await res.json() : await res.text();
                    return res2;
                } catch (e) {
                    console.log(e);
                    return returnType === 'json' ? { code: e.code || 1, msg: e.message || "", data: null } : "";
                }
            }
        }
    }
})();


最近对数据库的功能改进期待

之前用 notion,只觉得数据库折腾

现在用思源,才发现数据库,真好用呀真好用

期待下面的 issue,能早日推进

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22330 引用 • 89352 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    69 引用 • 372 回帖 • 1 关注
4 操作
Achuan-2 在 2024-11-03 12:51:16 更新了该帖
Achuan-2 在 2024-11-03 12:48:21 更新了该帖
Achuan-2 在 2024-09-28 12:17:01 更新了该帖
Achuan-2 在 2024-09-26 22:04:07 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • obito624

    我感觉数据库属性显示很重要,但是似乎优先级不高。

    1 回复
  • Achuan-2

    是的,希望早日能在块内显示数据库属性吧

    1 回复
  • YRJ0422

    这个好像已经实现了,如果摘录了一个块到数据库会在右侧显示的

    image.png

    要是有个全局数据库能根据所有的文档标签自动化就更好了

    1 回复
  • Achuan-2

    指的是像 notion 一样,打开数据库里的文档,可以在文档内就显示属性,便于查看和修改

    1 回复
  • xiuchun

    好想法,期待产品实现

  • YRJ0422

    我看已经有人开始制作这方面的插件了,不过 bug 还是挺多的,估计还得等明年把画廊视图做出来了,把整个数据库模块做差不多了再优化优化了

    image.png

  • GloR

    有没有一种可能换个思路:

    1- 创建数据库,自动创建 n 行(自己随便设置)

    2- 主键位置自动填充从今天起的 n 行日期

    3- 固定这个数据库页面,每天打开,点一下对应的日期,写 dailynote

    ⏩ 上面这个较为流畅的流程我已经用 excel 简单地实现了(已实践了 230 天,如图),但奇怪的是似乎没一个笔记软件能做到。

    image.png


    顺便说说 excel 来完成上述流程的优点&痛点(供参考):

    ✅ 优点:

    1- excel 可以轻松支持几万行的数据,保守点说,一张 sheet 写三年没啥问题,卡顿了就再创建一个 sheet 即可。
    2- 支持简单打卡、简单记录、简单时间规划 等多种简单功能

    ❎ 痛点:

    1- 无法与 笔记资料库等联动。
    2- 只能进行简单记录,emoji 都无法显示颜色,比较丑。

    1 回复
  • Achuan-2

    可以做,我现在基本搞清楚数据库的 API 调用了,但是我不太需要提前创建 dailynote

    1 回复
  • GloR

    emm 对我来说这个不叫“提前创建 dailynote”,而是每年制作一张日历表,用它来 记事 + 全局规划(排日程/TODO),以此替代所有日历 orTODO 类 app

    1 回复
  • Achuan-2

    哦哦明白了,我见过有人这样做的第一列是每天,然后计划每天要干什么,这个或许该叫时间线任务视图,确实看起来很棒

    我之前还叫滴答清单改他们的时间线视图,滴答清单是横着的,看多天任务不是很方便

    1 回复
  • GloR

    是滴是滴,超级方便,用起来特别爽(正反馈感强)~前几天试着用 notion 实现了一下,发现更爽了(我觉得 notion 的本质其实不是笔记软件(我思源才是笔记软件(狗头)),而是一个高度定制化的个人管理软件,也就是说,楼主想要用滴答清单来实现的功能,本质上应该都可以用 notion 来实现,不妨试试~~)

    1 回复
  • Achuan-2

    滴答清单的好处在于多端同步,不仅仅当任务管理软件,也是我的随机笔记,所以我都没用 flomo,直接用滴答清单在手机桌面新建小组件,就可以快速添加笔记

  • 爱了爱了,很早就像用这个了,终于有大佬写出来了 😄

请输入回帖内容 ...
Achuan-2
给时间以生命而不是给生命以时间,如果你喜欢我的分享,欢迎给我买杯咖啡 https://www.yuque.com/achuan-2 上海

推荐标签 标签

  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 2 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    266 引用 • 665 回帖 • 1 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 3 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 550 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    543 引用 • 672 回帖
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 65 回帖 • 437 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 483 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3453 回帖 • 203 关注
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖 • 1 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    6 引用 • 14 回帖 • 2 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    351 引用 • 1813 回帖
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 245 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 529 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    55 引用 • 85 回帖
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1792 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    132 引用 • 1114 回帖 • 125 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 85 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 4 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 432 关注