老板最想要的20套模板!基于 VUE 国产开源 IoT 物联网 Web 可视化大屏设计器

40d880f6e870712c100ee6e4400eca20.png

如有需求,文末联系小编

Cola-Designer 是一个基于VUE开发,实现拖拽和配置方式生成数据大屏,提供丰富的可视化模板,满足客户业务监控、数据统计、风险预警、地理信息分析等多种业务的展示需求。Cola-Designer 帮助工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足企业级数据可视化需求,让更多的人看到数据可视化的魅力。

Cola-Designer 核心优势

23336a42d84bb620a2745e156075de0d.png

  • 丰富的可视化组件

Cola-Designer 提供了多种数据可视化组件,如柱状图、折线图、饼图、雷达图、地图、散点图和关系图等,还能够绘制包括海量数据的地理轨迹、地理飞线、热力分布、地域区块、3D地图,实现地理数据的多层叠加。。这些组件允许用户根据数据的特性和个人需求进行定制,包括颜色、样式、标签和刻度等,以便更好地理解和分析数据。

60909d60e364175b92d1458393a2aba7.png

  • 多种数据源接入

支持MySQL、Oracle、PostgreSQL和SQL Server主流数据库接入,支持AP接入I,支持Websocket实时数据接入,可满足各类大数据实时计算、监控的需求,充分发挥大数据计算的能力。

a16db14df738629ad1a20f7c36dd0584.png

  • 多样化的场景及数据交互

系统支持通过键鼠、平板设备、触控或语音等方式输入点击、缩放、旋转、触摸等多种交互指令,支持数据下钻、显示或隐藏指定组件,以及跳转到外部链接和更新指定组件的API参数。

2aba997cb097c06034fa715319302fd6.png

  • 图形化的搭建工具

提供多种业务模块级别而非图表组件的工具,所见即所得的配置方式,无需编程能力,您只需要通过拖拽,即可创造出专业的可视化应用。

2f3c88b8d43be425350dd4ccff0aae73.png

  • 多分辨率适配与灵活的发布

特别针对拼接的可视化应用端的展示做了分辨率优化,能够适配市面上各种屏幕尺寸的分辨率。创建的可视化应用能够发布分享。

1918100934209bd89e402d63c5edb80c.png

Cola-Designer 官网

开发环境

1ff2333570ca815d257d779b18b49ac7.png

后端技术栈:Maven + Springboot + Mybatis-plus + SpringSecurity + Mysql + Redis

前端技术栈:Vue3 + Axios + Webpack + Echarts + Three.js + TDesign

bbc7ee117f3b4bbe4a962bdc9625fd80.png

Cola-Designer 采用B/S架构,需依赖浏览器运行,建议使用chrome 112.x以上版本,不支持IE浏览器!项目使用webpack进行包管理,打包使用npm run build,打包完后将打包好的文件放到服务器中间件如nginx\tomcat,使用浏览器打开配置的路径即可访问。

Cola-Designer  官网 https://cdesign.fun/

如有需求请联系小编: beacon0418


681504e3716f90877e21b04620b6ce99.jpeg

往期推荐

☞ 高德地图: 红绿灯倒计时大揭秘

☞ 高速“车牌付”会取代 ETC 吗?

☞ 国内七大 IoT 物联网平台对比

☞ 我为什么放弃中移物联OneNET平台

☞ 这苦逼的IoT物联网我竟坚持了十年

☞ 打工人上班摸鱼, AI 监控老板行踪

145ffdea06301fd2b24deb6f6541d7d2.png

9c5949474977444c007b602b2d345498.png

14ed08b7804abf24255ac84505db59f6.gif

12df7a33a3071d466ae5aa6a72de3025.gif

a67e53a1ff354d02489ceba09ec461d4.gif

8b2bd3d856afecda1f4ea83ae7b38ba6.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/1549839.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

市场调研利器 网络问卷的优势及面临的挑战

网络问卷作为市场调研工具,高效便捷、成本低廉、数据准确度高且灵活多样。但其低响应率、数据偏差、隐私与安全及技术依赖等挑战也需关注。企业应优化调研方法,应对挑战,以获取全面市场信息。 一、网络问卷的优势 首先,我们来分析…

S32K312 RTD 4.0.0 版本 OCU 例程配置流程说明

一、前言 由于 RTD 4.0.0 版本并没有 S32K312 相关例程,本文基于已有的 S32K344 OCU 例程,新建 S32K312 工程,讲解 OCU 例程的相关配置流程。 二、基本概念 OCU(Output Compare Unit – 输出比较单元)本质上是一个计…

揭开量子计算和加密未来的秘密

加密保护您的数据 您是否想知道如何保证您的在线数据安全?这就是加密的作用所在。加密是一种使用秘密代码更改数据的过程。这些更改只能由拥有正确密钥的接收者解码和读取。 加密是保护敏感和个人信息安全的重要工具。使用加密的一些示例包括信用卡详细信息、消息…

24-9-28-读书笔记(二十)-《契诃夫文集》(四)上([俄] 契诃夫 [译] 汝龙 )

文章目录 《契诃夫文集》(四)上([俄] 契诃夫 [译] 汝龙 )目录阅读笔记记录总结 《契诃夫文集》(四)上([俄] 契诃夫 [译] 汝龙 ) 时间过得好快啊,马上又要十月份了&#x…

解读文本嵌入:语义表达的练习

【引子】近来在探索并优化AIPC的软件架构,AI产品经理关于语义搜索的讨论给了自己较多的触动,于是重新梳理嵌入与语义的关系,遂成此文。 文本转换成机器可理解格式的最早版本之一是 ASCII码,这种方法有助于渲染和传输文本&#xff…

数据结构_2.2、顺序表插入删除查找

1、线性表的顺序存储表示定义: 线性表:是具有相同数据类型的n (n≥0)个数据元素的有限序列 顺序表:用顺序存储的方式实现线性表 顺序存储:把逻辑上相邻的元素存储在物理 位置上也相邻的存储单元中&#…

深度学习框架的选择:深入比较PyTorch与TensorFlow

深度学习框架的选择:深入比较PyTorch与TensorFlow 前言深度学习框架的起源与发展**PyTorch****TensorFlow** 框架的进化**TensorFlow****PyTorch** 数据对比结论结语 前言 在人工智能的浪潮中,深度学习技术已成为推动行业变革的核心力量。随着技术的不断…

C语言 | Leetcode C语言题解之第443题压缩字符串

题目&#xff1a; 题解&#xff1a; void swap(char *a, char *b) {char t *a;*a *b, *b t; }void reverse(char *a, char *b) {while (a < b) {swap(a, --b);} }int compress(char *chars, int charsSize) {int write 0, left 0;for (int read 0; read < charsSi…

leetcode_55:跳跃游戏

给你一个非负整数数组 nums &#xff0c;你最初位于数组的 第一个下标 。数组中的每个元素代表你在该位置可以跳跃的最大长度。 判断你是否能够到达最后一个下标&#xff0c;如果可以&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 示例 1&#xff1a; 输…

Java基于easyExcel的自定义表格格式

这里用的到easyExcel版本为3.3.4 <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>3.3.4</version></dependency> 效果 代码部分 package com.tianyu.test;import com.alibaba.exc…

单调递增/递减栈

单调栈 单调栈分为单调递增栈和单调递减栈 单调递增栈&#xff1a;栈中元素从栈底到栈顶是递增的 单调递减栈&#xff1a;栈中元素从栈底到栈顶是递减的 应用&#xff1a;求解下一个大于x元素或者是小于x的元素的位置 给一个数组&#xff0c;返回一个大小相同的数组&#x…

C语言课程设计题目七:学生成绩管理系统设计

题目七&#xff1a;学生成绩管理系统设计 学生成绩信息包括&#xff1a;学期&#xff0c;学号&#xff0c;班别&#xff0c;姓名&#xff0c;四门课程成绩(语文、数学、英语和计算机)等。 主要功能&#xff1a; 能按学期、按班级完成对学生成绩的录入、修改。能按班级统计学生…

Element-Plus中上传文件upload取消提示按钮与文字

去除提示按钮与文字 添加样式&#xff0c;让这个div进行隐藏 .el-upload__input {display: none !important; }

WEB 编程:富文本编辑器 Quill 配合 Pico.css 样式被影响的问题之还是 iframe

这个系列已经写了 3 篇了。这篇写如何使用 iframe 解决标题里面提到的问题。 前情提要 请看上一篇博文&#xff1a; WEB 编程&#xff1a;富文本编辑器 Quill 配合 Pico.css 样式被影响的问题之Shadow DOM WEB 编程&#xff1a;富文本编辑器 Quill 配合 Pico.css 样式被影响…

深度学习反向传播-过程举例

深度学习中&#xff0c;一般的参数更新方式都是梯度下降法&#xff0c;在使用梯度下降法时&#xff0c;涉及到梯度反向传播的过程&#xff0c;那么在反向传播过程中梯度到底是怎么传递的&#xff1f;结合自己最近的一点理解&#xff0c;下面举个例子简单说明&#xff01; 一、…

锐捷 NBR 1300G路由器 越权CLI命令执行漏洞

漏洞描述 锐捷NBR 1300G路由器 越权CLI命令执行漏洞&#xff0c;guest账户可以越权获取管理员账号密码 漏洞复现 FOFA title"锐捷网络 --NBR路由器--登录界面" 请求包 POST /WEB_VMS/LEVEL15/ HTTP/1.1 Host: Connection: keep-alive Content-Length: 73 Autho…

网络编程(12)——完善粘包处理操作(id字段)

十二、day12 之前的粘包处理是基于消息头包含的消息体长度进行对应的切包操作&#xff0c;但并不完整。一般来说&#xff0c;消息头仅包含数据域的长度&#xff0c;但是如果要进行逻辑处理&#xff0c;就需要传递一个id字段表示要处理的消息id&#xff0c;当然可以不在包头传i…

naocs注册中心,配置管理,openfeign在idea中实现模块间的调用,getway的使用

一 naocs注册中心步骤 1 nacos下载安装 解压安装包&#xff0c;直接运行bin目录下的startup.cmd 这里双击运行出现问题的情况下 &#xff08;版本低的naocs&#xff09; 在bin目录下 打开cmd 运行以下命令 startup.cmd -m standalone 访问地址&#xff1a; http://localh…

一文了解:最新版本 Llama 3.2

Meta AI最近发布了 Llama 3.2。这是他们第一次推出可以同时处理文字和图片的多模态模型。这个版本主要关注两个方面&#xff1a; 视觉功能&#xff1a;他们现在有了能处理图片的模型&#xff0c;参数量从11亿到90亿不等。 轻量级模型&#xff1a;这些模型参数量在1亿到3亿之间…

基于SSM+小程序的高质量阅读微信管理系统(阅读5)(源码+sql脚本+视频导入教程+文档)

&#x1f449;文末查看项目功能视频演示获取源码sql脚本视频导入教程视频 1、项目介绍 1、其管理员管理文章&#xff0c;留言板&#xff0c;交流论坛以及用户信息。 2、用户收藏并评论文章&#xff0c;查看和评论论坛交流信息&#xff0c;管理自己发布的帖子&#xff0c;管理…