开源数据可视化大屏对接表单数据实践!

devtools/2024/9/24 11:27:24/

如果你需要一个表单系统,进行数据收集;可以使用tduck填鸭进行私有化部署,进行表单制作,完成数据收集。

在实际业务中,往往需要将收集的数据进行展示或分析;此时就可以使用表单数据推送到TReport中,在可视化大屏中进行报表设计。

最终呈现的效果如下:

本地启动

首先需要在gitee中国TDUCK/tduck-report-platform,下载代码,然后打开编辑器导入项目。

启动后端

1.导入数据库

启动后端项目之前,需要先进行数据库导入,数据库脚本在后端项目doc文件夹内。

创建一个数据库,名称为:tduck-report,导入数据库脚本

2.启动redis

后端项目必须依赖redis,启动项目签需要安装,并启动redis

添加图片注释,不超过 140 字(可选)

3.启动项目

完成数据库的连接配置,确保是上述步骤创建数据库的正确的内容。

点击启动后等待执行...

看到上述log后,证明后端项目已经启动成功。

启动前端

准备工作

前端代码下载到本地后,导入到编辑器,打开终端,(需要提前安装node.js、pnpm 此处省略),可参考:https://baijiahao.baidu.com/s?id=1765138340389375786&wfr=spider&for=pc

开始启动

完成上述步骤后,进入终端,输入:pnpm install

完成后,输入:pnpm dev

启动完成后点击链接地址,即可进行体验。

账号密码:默认登录账号:admin 默认登录密码:12345678

同步表单字段与存量数据

  1. 进入表单后台,点击数据推送,复制【表单字段同步 API】填入大屏端【表单数据源】中的对应配置入口

  2. 如果需要同步存量数据,复制【表单数据同步 API】填入对应数据源中对应未知(如图)

同步表单增量数据

  • 表单后台进入数据推送。

  • 配置一个数据推送地址:例如:https://report.tduckcloud.com/tduck-api/form/data/sync

  • 格式要求:您自行部署的大屏端ip或url+/tduck-api/form/data/sync

  • 选择一个推送事件类型(数据新增时/修改/删除时)

通过以上操作就可以完成数据收集和可视化大屏展示!


http://www.ppmy.cn/devtools/40742.html

相关文章

插入排序(Insertion Sort)

插入排序(Insertion Sort)是一种简单直观的排序算法,它的工作原理如下: 将数组分为已排序部分和未排序部分:初始时,已排序部分仅包含数组的第一个元素,其余元素被视为未排序部分。 从未排序部分…

C# WinForm —— 19 PictureBox 介绍

1. 简介 PictureBox 主要用于显示图像,也可以给它注册单击事件,来把它变成一个按钮 2. 常用属性 属性解释(Name)控件ID,在代码里引用的时候会用到,一般以 pixB 开头BackColor控件的背景色BackgroundImage控件的背景图像BorderStylePictur…

C++进阶:AVL树详解及模拟实现(图示讲解旋转过程)

C进阶:AVL树详解及模拟实现(图示讲解旋转过程) 之前在搜索二叉树最后早就埋下伏笔,来介绍AVL树和红黑树,今天就先来第一个吧 文章目录 1.AVL树介绍1.1概念介绍1.2核心性质 2.项目文件规划3.整体框架(节点和…

理解TypeScript中的接口(Interfaces):提升类型安全性的关键工具

理解TypeScript中的接口(Interfaces) 引言 在TypeScript中,接口(Interfaces)是一种强大的方式,用于定义对象的结构,它不包含具体的实现,而是作为一种约束,确保一个对象…

57.什么是声明式UI开发

什么是声明式UI开发 在传统的命令式UI开发中,开发人员需要编写大量的代码来描述界面的外观和行为。这些代码通常包括繁琐的布局设置、手动管理UI组件的状态和事件处理逻辑。这种方式容易引发bug,而且代码复杂,不易维护。 与之相反&#xff0…

第十四章大数据与数据科学练习

单选题 (每题1分,共10道题) 1、 [单选] 数据科学的分析模式包括以下哪两种? A:预测性分析和规范性分析 B:描述性分析和预测性分析 C:描述性分析和规范性分析 D:预见性分析和规范性分析 正确答案:A 你的答案:A 解析:389页第四点及下方图表,数据科学的两种分析模式…

云原生新手和开源教育分论坛 02-技术 or 非技术,参与 Kubernetes 社区丝滑路径【开源贡献】

https://www.kubernetes.dev/https://www.kubernetes.dev/community/community-groups/https://killercoda.com/https://kwok.sigs.k8s.io/https://training.linuxfoundation.cn/ 演讲

【Linux】自动化构建工具make/Makefile和git介绍

🌈个人主页:秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343🔥 系列专栏:https://blog.csdn.net/qinjh_/category_12625432.html 目录 前言 Linux项目自动化构建工具-make/Makefile 举例 .PHONY 常见符号 依赖关系…