Univer Go: 用电子表格一键实现报表设计器到底有多简单(内含源码)
定制化你的报表:
- 可以轻松切换数据库选项,灵活查询数据
- 根据实际需求自由选择字段,还能随心所欲地挑选报表样式
- 根据特殊需求修改脚本,定制出完全属于自己的专属报表。
Univer Go 是一款高度可定制化的电子表格工具,能够根据用户需求构建一个性能与功能对标excel的电子表格。它支持灵活的功能扩展,涵盖基础数据处理、复杂的导入导出操作和协同功能,同时为 UI/UX 设计提供了定制空间,助力打造易用交互界面。此外,Univer Go 融合先进 AI 技术,配备了功能强大的脚本编写与执行工具,支持开发者创建和运行自动化脚本、进行数据库连接与数据读写管理以及开发自定义应用。无论是初学者还是专业开发者,都能凭借其简洁的操作逻辑和丰富功能支持,轻松上手。
运行后的效果:
Univer Go 内获取源代码实现 Data Report :
-
client script调用node script获取数据库数据
//client中相关代码 const data = await univerAPI.runOnServer("database", "querySql", { host, port, username, password, database, schema, sqlType, sqlStr }); if (data) { try { return JSON.parse(data); } catch (e) { console.error('parse result error'); } } //node script相关代码 async function querySql({ host, port, username, password, database, schema, sqlType, sqlStr }) { const datasource = new typeorm.DataSource({ type: sqlType, // or 'mysql' for MySQL host: host, port: port, username: username, password: password, database: database, schema: schema, synchronize: false, // Don't auto-sync schema, we are just reading tables // logging: true, // Enable SQL query logging }); let data; const queryRunner = datasource.createQueryRunner(); try { // Initialize TypeORM connection await datasource.initialize(); data = await queryRunner.query(sqlStr); } catch (error) { console.error('Error during execution:', error); } finally { await queryRunner.release(); await datasource.destroy(); } return JSON.stringify(data); }
-
将读取回来的数据通过数据绑定插件展示到对应的path范围中, 具体的插件使用请看这里https://www.npmjs.com/package/@univerjs/sheets-source-binding
const data = await getData(param); const sourceInfo = { records: data, fields: Object.keys(data?.[0] ?? {}), } workbook.setSourceData(param.sourceId, sourceInfo);
以上内容仅是 Univer GO 强大功能的冰山一角!欢迎您体验 Univer GO,不仅能获取更全面的代码,还能探索丰富多样的定制化功能,解锁高效工作新方式 。

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
TeXstudio 4.8.6 发布,LaTeX 编辑器
TeXstudio 是一款开源跨平台 LaTeX 编辑软件,界面与 Texmaker 类似。TeXstudio 为用户提供互动式拼写检查、代码折叠、语法高亮、代码提示和自动完成等特性,功能丰富,界面美观,但软件本身不提供底层功能,需要使用者自行安装 LaTeX(XeLaTeX)等编译软件,例如 MiKTeX 或 TeXLive ,软件源于 Texmaker,基于 Qt 开发。 TeXstudio 4.8.6中的更改包括: 为 expl3 命令提供 command completion 功能 隐藏数学/非文本环境中的语法错误(单词重复和语言工具) 隐藏图片环境中的拼写错误,如 tikzpicture 更好地处理 \newtcbox#3878 修复rare crash#3936 修复 user macro trigger (?highlight-as:…),仍然无法用于数学环境检测 添加新的user macro trigger (?inEnv:…) 将网格菜单添加到窗口和嵌入式 pdf-viewer 的上下文菜单#3942 修复 pdf-viewer 的滚动条,使其适合宽度/窗口并更改Co...
- 下一篇
Univer Clipsheet - 看我手把手教你从零开始构建自己的爬虫插件(2)
相关信息: 前情提要:从零开始使用 Univer Clipsheet 构建自己的爬虫插件(1) [Github 开源代码]: GitHub - dream-num/univer-clipsheet: A powerful Chrome extension for web scraping [官方网站]: Univer | ClipSheet [Chrome商店]: Chrome 插件商店-Clipsheet [Edge商店 ] : Edge 插件商店-Clipsheet 教程文档: 教程文档 前言 在之前的章节我们完成了爬虫插件项目的搭建与 univer clipsheet 代码的引入,用 clipsheet 提供的能力自动对当前网页中的表格进行探测。 如果大家没有看过第一章的可以参考第一章的内容进行项目初始化。 本章会继续丰富插件的功能,支持手动选择元素生成table (表格数据) ,以及拦截 Ajax 请求从响应体中解析 table 的能力。 我也建了一个存放教程代码的仓库: GitHub - siam-ese/univer-clipsheet-tutorial-code: 用...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS7,8上快速安装Gitea,搭建Git服务器
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- CentOS8编译安装MySQL8.0.19
- CentOS7,CentOS8安装Elasticsearch6.8.6