求助 query view 插件中查询子文档以及子文档内容的代码

我想通过查询方式,通过表格展示本文档的子文档的标题、内容(选取前 50 字作为摘要,可以直观看到文档日记的内容)、创建时间等等。这样的好处是比如写日记,一个月创建一个文档作为文件夹,其子文档为每天撰写的日记或者记录的东西,如果没有内容摘要,可能都不知道写了哪些内容,或者哪些内容大概在哪个文档。

首先我通过 query 挂件编写了代码可以实现,并创建模板,然后一个月的主文档,插入这个模板。就能够很好展示。但是每次插入后,毕竟有个 query 那个框以及按钮,美观度不高。
代码如下:

SELECT 
    CASE 
        WHEN (
            SELECT length(content) 
            FROM blocks 
            WHERE root_id = doc.id 
            AND type = 'p' 
            AND length(content) > 0 
            LIMIT 1
        ) > 0 THEN substr((
            SELECT content 
            FROM blocks 
            WHERE root_id = doc.id 
            AND type = 'p' 
            AND length(content) > 0 
            ORDER BY created ASC 
            LIMIT 1
        ), 1, 100) || '...'
        ELSE '暂无内容摘要'
    END as __2____zhaiyao__内容摘要,
'[' || doc.content || '](siyuan://blocks/' || doc.id || ')' AS __1____pre__文档标题,
    doc.created AS __3____date__创建日期
FROM blocks doc
WHERE doc.type = 'd'
AND doc.path LIKE '%/.block{.root_id}/______________-_______.sy'
and substr(created, 1, 6) = strftime('%Y%m', 'now')
order by created desc
LIMIT 5

效果图如下:
PixPin20251210182925.png

所以想通过 query view 插件创建。

但是 qv 插件,我看是有直接获取子文档的代码,如

``

//!js
const query = async () => {
const currentDocId = protyle.block.rootID;
const childDocs = await Query.childdoc(currentDocId);
const top3ChildDocs = childDocs.slice(0, 3);

const dv = Query.DataView(protyle, item, top);

// 添加表格视图
dv.addtable(top3ChildDocs, {
cols: ['id', 'content', 'updated'],
index: true,
fullwidth: false
});

dv.render(); // 必须调用渲染
};
return query();

但是这个代码查询出的 content 内容是子文档的标题,而不是文档内容的 type=“p”,只有文本块类型才是文档的内容,那就只有通过 SQL 查询,尝试了几次没成功,AI 写的是:

//!js
const query = async () => {
    // 获取当前文档ID(嵌入块所在文档)
    const currentDocId = protyle.block.rootID;
  
    // 构建SQL查询语句
    const sql = `
        SELECT 
            id, 
            content AS title, 
            created 
        FROM blocks 
        WHERE 
            type = 'd' AND 
            parent_id = '${currentDocId}' 
        ORDER BY created DESC 
        LIMIT 3
    `;
  
    // 执行SQL查询
    const childDocs = await Query.sql(sql);
  
    // 初始化DataView对象
    const dv = Query.DataView(protyle, item, top);
  
    // 添加表格视图
    dv.addtable(childDocs, {
        cols: [
            { key: 'title', label: '标题' },
            { key: 'created', label: '创建日期' }
        ],
        renderer: (block, colKey) => {
            if (colKey === 'title') {
                // 将标题转换为引用链接
                return Query.utils.asLink(block.id, block.title);
            }
            return block[colKey];
        },
        index: true,
        fullwidth: true
    });
  
    // 渲染表格
    dv.render();
};
return query();

这个提示出错。还请大佬指点。

  • 思源笔记

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

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

    28444 引用 • 119764 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • lbdoc 1 评论

    F 大佬好,尝试了很久,也把你的文件提交给 AI 让帮忙写也没有写出来,还是您亲自几下就搞定了。

    我不是 IT 行业的,我是医疗行业的,会一些 R 语言和 html,比如我用 query 挂件的方式还能够查询出来写出来,但是用 QV 就写不出来这个了。我想问一下,您中间的几段,获取子文档内容,然后文档前两个子块拼接起来那里的几行代码就看不懂了。毕竟想了解和学习,不能只是问出代码拿来就用,想知道是怎么实现的。

    那个是思源的内核 API,Query.request 只是简单做了一层包装而已;'/api/block/getChildBlocks' 是思源内核对外的一个 API 可以专门获取指定文档下所有的子块内容;你可以参考这个 issue Issue #8249 · siyuan-note/siyuan
    Frostime
  • 其他回帖
  • lbdoc

    还是打不开,鼠标放上去可以显示悬浮窗,但是无法单击打开。视频中表格上方的是目录插件,可以看到可以悬浮液可以单击打开。但是 QV 表格的却点不开。不知道哪里的问题

    1 回复
  • 试一下这个

    //!js
    const query = async () => {
        const currentDocId = protyle.block.rootID;
        const childDocs = await Query.childDoc(currentDocId);
    
        // 先获取所有子文档内容
        const docsWithContent = await Promise.all(childDocs.map(async (doc) => {
            // 文档前两个子块拼接起来
            const childBlocks = await Query.request('/api/block/getChildBlocks', { id: doc.id });
            const beginBlocks = childBlocks.slice(0, 1).map(b => b.markdown).join('\n\n');
    
            const snapshot = beginBlocks;
            console.log(snapshot);
            return {
                ...doc,
                snapshot
            };
        }));
    
        const dv = Query.DataView(protyle, item, top);
    
        dv.addtable(docsWithContent, {
            cols: {
                title: '文档标题',
                created: '创建日期',
                snapshot: '内容概览'
            },
            renderer: (block, colKey) => {
                if (colKey === 'title') {
                    return Query.utils.asLink(block);
                }
                if (colKey === 'created') {
                    return Query.utils.renderAttr(block, colKey);
                }
                return block[colKey];
            },
            index: true,
            // fullwidth: true
        });
    
        dv.render();
    };
    return query();
    
    
    3 回复
  • lbdoc 2 评论

    发现一个问题,不知道什么情况。用这个查询出的标题,鼠标放上去可以出现悬浮窗,但是点击却不能点击进子文档。

    我这里是正常的,点击打开文档
    Frostime
    lbdoc
  • 查看全部回帖

推荐标签 标签

  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 3 关注
  • OneDrive
    2 引用 • 3 关注
  • Access
    1 引用 • 3 回帖 • 14 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    293 引用 • 4496 回帖 • 688 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    119 引用 • 54 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    146 引用 • 442 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    10 引用 • 54 回帖 • 174 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • Outlook
    1 引用 • 5 回帖
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    327 引用 • 1395 回帖
  • CodeMirror
    2 引用 • 17 回帖 • 197 关注
  • 电影

    这是一个不能说的秘密。

    125 引用 • 610 回帖
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    10 引用 • 80 回帖 • 1 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 72 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    248 引用 • 1342 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    110 引用 • 153 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 3 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    213 引用 • 2044 回帖
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 249 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 740 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖 • 1 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 724 关注
  • V2Ray
    1 引用 • 15 回帖 • 4 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    59 引用 • 25 回帖 • 5 关注