打码半年，开源一款自定义大屏设计软件！
hi，大家好，我是Tduck马马。
最近我们开源了一款大屏软件-TReport，与大家分享。
TReport是一款基于Vue3技术栈的数据可视化系统，支持静态、动态api等数据源；可用于数据可视化分析、报表分析、海报设计使用。
提供自定义大屏设计、自定义仪表盘设计、自定义海报设计等功能。 100%开源，供各位社区伙伴学习，共同进步。也可以一起完善贡献您的一份力量。
功能简介
特别说明： 前后端代码100%开源，文档暂未整理，欢迎贡献pr。
-
支持自定义大屏设计功能
-
支持自定义仪表盘设计功能
-
支持自定义海报设计功能
-
静态数据
-
动态Api数据
后端技术栈
地址：https://gitee.com/TDuckApp/tduck-report-platform
| SpringBoot | SpringSecurity | MyBatis-Plus | Redis | Mysql |
运行后端必要环境
| Java8 | Mysql | Redis | Maven |
具体步骤：
- 1.导入 doc 目录下tduck-report.sql文件。
- 2.修改resources目录下的application.yml文件中 的数据库连接信息
- 3.运行src/main/java/com/tduck/cloud/api/TduckReportApiApplication.java
默认登录账号密码： admin/12345678
前端技术栈
地址：tduck-report-front: tduck 报表前端
| Vue3 | Element-Plus | Vite | TypeScript | Echarts |
运行前端
pnpm installpnpm run dev项目预览
鸣谢项目
感谢优秀的项目： [datav-vue] datav-vue: 一款数据可视化应用搭建工具
相关文章：
打码半年，开源一款自定义大屏设计软件！
hi，大家好，我是Tduck马马。 最近我们开源了一款大屏软件-TReport，与大家分享。 TReport是一款基于Vue3技术栈的数据可视化系统，支持静态、动态api等数据源；可用于数据可视化分析、报表分析、海报设计使用。 提供自定…...
云计算基础-大页内存
大页内存功能概述 什么是大页内存 简单来说，就是通过增大操作系统页的大小来减小页表，从而避免快表缺失 主要应用场景 主要运用于内存密集型业务的虚拟机，比如对于运行数据库系统的虚拟机，采用HugePages(大页)后，可…...
数据结构-邻接链表
介绍 邻接矩阵是运用较多的一种储存图的方法，但如果一张网图边数较少，就会出现二维矩阵中大部分数据为0的情况，浪费储存空间 为了避免空间浪费，也可以采用数组与链表结合的方式来存储图 假设有这样一张图 我们可以先用一个数组…...
十三、集合进阶——单列集合 及 数据结构
单列集合 及 数据结构 13.1 集合体系结构13.1.2 单列集合1. Collection2.Collection 的遍历方式迭代器遍历增强for遍历Lambda表达式遍历 3.List集合List集合的特有方法List集合的遍历方式五种遍历方式对比 4.数据结构1).栈2).队列3）数组4）链表小结5&…...
Android | ArcGIS入门
一、概述 ArcGIS是由Esri开发的地理信息系统（GIS）软件。它用于制图、空间分析和数据可视化。ArcGIS允许用户以各种格式创建、管理、分析和共享地理信息。它通常用于城市规划、环境管理和应急响应等领域。该软件包括一系列工具，用于创建地图、…...
dockerfile文件书写
1.dockerfile构建nginx镜像 1.1书写dockerfile文件 mkdir nginx #创建nginx目录 cd nginx vim dockerfile # 修改文件FROM centos # 基础镜像，默认最新的centos8操作系统 MAINTAINER xianchao # 指定镜像的作者信息 RUN rm -rf /etc/yum.repos.d/* # centos8默认…...
蓝桥杯-整数删除
给定一个长度为 N 的整数数列：A1, A2, ... , AN。你要重复以下操作 K 次： 每次选择数列中最小的整数（如果最小值不止一个，选择最靠前的），将其删除。 并把与它相邻的整数加上被删除的数值。 输出 K 次操作后…...
以程序员的视角，看前后端分离的是否必要？
Hello，我是贝格前端工场，本篇分享一个老生常谈的话题，前后端分离是必然趋势，但也是要区分具体的场景，欢迎探讨，关注，有前端开发需求可以私信我，上车了。 一、什么是前后端分离和不分…...
Linux：sed进阶（12）
Linux：shell脚本：基础使用（5）《正则表达式-sed工具》_linux脚本表达式s-CSDN博客https://blog.csdn.net/w14768855/article/details/132347574?ops_request_misc%257B%2522request%255Fid%2522%253A%252217084222871680019707523…...
Linux命令-builtin命令（执行bash内建命令）
说明 用于执行指定的bash内建命令。builtin 命令调用的bash内建命令优先于同名的外部命令及同名的shell函数。 语法 builtin [shell-builtin [arg ...]]参数 shell-builtin（可选）：要调用的bash内建命令。 arg（可选）…...
HTML的特殊字符
HTML的特殊字符 有些特殊的字符在 html 文件中是不能直接表示的，例如: 空格，小于号(<)，大于号(>)，按位与(&)。 空格 示例代码： 运行结果： 由于html 标签就是用 < > 表示的࿰…...
内核移植学习
内核移植 内核移植就是指将RT-Thread内核在不同的芯片架构、不同的板卡上运行起来。 移植可分为CPU架构移植和BSP板级支持包移植两部分。 CPU架构移植 在嵌入式领域有多种不同CPU架构，例如Cortex-M、ARM920T、MIPS32、RISC-V等等。 为了使RT-Thread能够在不同C…...
Mysql 两个日期相减得到指定的格式数据
首先避坑： Mysql 中两个日期直接相减，若在同一天则得到的是秒，否则相减得到的并不是秒，一定要注意。 函数 TIMESTAMPDIFF(unit,begin,end); 函数返回 begin - end 的结果。 其中 begin 和 end 是 DATE 或 DATETIME 表达式。 …...
第六十四天 服务攻防-框架安全CVE复现Apache shiroApache Solr
第六十四天 服务攻防-框架安全&CVE复现Apache shiro&Apache Solr 知识点： 中间件及框架列表： IIS,Apache,Nginx,Tomcat,Docker,K8s,Weblogic.JBoos,WebSphere, Jenkins,GlassFish,Jetty,Jira,Struts2,Laravel,Solr,Shiro,Thinkphp,Spring, Flask,jQuery等 1、开发框…...
JavaScript 设计模式之享元模式
享元 将一部分共用的方法提取出来作为公用的模块 const Car {getName: function () {return this.name},getPrice: function (price) {return price * 30} }const BMW function (name, price) {this.name namethis.price price } BMW.prototype Car const bmw new BMW(…...
利用故事推动企业变革：如何提升数据分析技能
单一的数据和表格尽管有算法的支撑，但在其表达方式上总会让人感到头疼。当我们需要深入了解企业的盈利能力，或是尝试评估业务的增长机会时，以往都会将精力全部放在分析数字、阅读信息、回顾历史和沟通交流之上，却忽略随之而生成的…...
Python内置函数04——enumerate
文章目录 概述语法实例展示 概述 在Python中，enumerate()是一个很常用的内置函数。它的作用是将一个可迭代对象（如列表、元组、字符串等）组合为一个索引序列和元素序列的枚举对象。 语法 enumerate(iterable, start0) 其中，ite…...
unity学习（28）——登录功能
有之前注册的知识，登录就很容易处理了。 登陆成功返回id： 登录失败返回null： 测试同一账号不能重复登陆！登录成功后最好可以跳到新的场景中 结果是好的，去服务器看一下对应部分的代码，可见，登…...
Mac公证脚本-Web公证方式
公证方式 Mac 公证方式有三种 公证方法 优点 缺点 阐述 Xcode Xcode携带的图形界面，使用方便 无法进行自动化公证 单个App应用上架使用较多 altool（旧版） 支持pkg，dmg，脚本自动化 2023/11/01 将会过期 已经…...
让你专注工作的思维模板，进入每天的专注生活
开启专注生活，打造高效氛围，踏上传奇之路。 如何专注工作？ 阻止内部干扰阻止外部干扰结论 专注象限图如下：（幸福是一种不断增加难度的活动） A1是你开始做某事的时候。 A2是当任务变得过于简单的时候。 A3是…...
Java之获取Nginx代理之后的客户端IP
Java之获取Nginx代理之后的客户端IP Nginx代理接口之后，后台获取的IP地址都是127.0.0.1，解决办法是需要配置Nginx搭配后台获取的方法，获得设备的真实地址。我们想要获取的就是nginx代理日志中的这个IP nginx配置 首先在nginx代理的对应lo…...
【springboot+vue项目（十五）】基于Oauth2的SSO单点登录（二）vue-element-admin框架改造整合Oauth2.0
Vue-element-admin 是一个基于 Vue.js 和 Element UI 的后台管理系统框架，提供了丰富的组件和功能，可以帮助开发者快速搭建现代化的后台管理系统。 一、基本知识 （一）Vue-element-admin 的主要文件和目录 vue-element-admin/ |…...
音频的传输链路与延迟优化点
麦克风->系统采集模块->APP采集模块->3A、混响等音效->混音->音频编码->RTC网络发送-> MediaServer->RTC网络接收->音频jitter buffer->音频解码->音频的后处理(均衡)->APP播放模块->x系统播放模块->扬声器/耳机。 整个链路如上&a…...
【51单片机】直流电机驱动（PWM）（江科大）
1.直流电机介绍 直流电机是一种将电能转换为机械能的装置。一般的直流电机有两个电极,当电极正接时,电机正转,当电极反接时,电机反转 直流电机主要由永磁体(定子)、线圈(转子)和换向器组成 除直流电机外,常见的电机还有步进电机、舵机、无刷电机、空心杯电机等 2.电机驱动…...
腾讯文档（excel也一样）设置单元格的自动行高列宽
1. 选中单元格 可选择任意一个或者几个 2. 设置自动 行高和列宽 即可生效...
vue-router 提供的几种导航守卫
vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。 1、全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const route…...
Element UI 组件的安装及使用
Element UI 组件的安装及使用 Element UI 是一套基于 Vue.js 的桌面端 UI 组件库，提供了丰富的、高质量的 UI 组件，可以帮助开发者快速构建用户界面。 1、安装 Element UI 使用 npm 安装 npm install element-ui -S2、使用 CDN 安装 在 HTML 页面中引…...
网站架构演变、LNP+Mariadb数据库分离、Web服务器集群、Keepalived高可用
目录 day02 深入理解程序的数据存储 验证 配置NFS服务器 配置代理服务器 配置名称解析 day02 深入理解程序的数据存储 程序将文字数据保存到数据库中程序将非文字数据（如图片、视频、压缩包等）保存到相应的文件目录中 验证 发一篇文章…...
设计模式(七)：策略模式(行为型模式)
FullDiscount Strategy，策略模式：定义一系列的算法，把他们一个个封装起来， 并使他们可以互相替换，本模式使得算法可以独立于使用它们的客户。 场景：购物车结算时，根据不同的客户，…...
人工智能|深度学习——基于对抗网络的室内定位系统
代码下载： 基于CSI的工业互联网深度学习定位.zip资源-CSDN文库 摘要 室内定位技术是工业互联网相关技术的关键一环。该技术旨在解决于室外定位且取得良好效果的GPS由于建筑物阻挡无法应用于室内的问题。实现室内定位技术，能够在真实工业场景下实时追踪和…...