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

news2024/9/29 9:03:32

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.coloradmin.cn/o/2176284.html

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

相关文章

MySQL - 单表增删改

1. MySQL 概述 MySQL 是一种流行的开源关系型数据库管理系统 (DBMS),广泛应用于互联网公司和企业开发中。它支持 SQL 语句操作数据,并提供多种版本供选择。 1.1 MySQL 安装和连接 社区版:免费版本,适合开发者使用。商业版&…

sizeof 和 strlen

一 . sizeof 关键字 这个是我们的老朋友了昂,经常都在使用,它是专门用来计算变量所占内存空间大小的,单位是字节,当然,如果我们的操作对象是类型的话,计算的就是类型所创建的变量所占内存的大小&#xff0…

【笔记】神领物流day1.1.13前后端部署【未完】

使用jenkins 前端部署 需要将前端开发的vue进行编译,发布成html,然后通过nginx进行访问,这个过程已经在Jenkins中配置,执行点击发布即可 网址栏输入神领TMS管理系统 (sl-express.com)即可看见启动成功 后端部署看linux 回到Jenki…

25维谛技术面试最常见问题面试经验分享总结(包含一二三面题目+答案)

开头附上工作招聘面试必备问题噢~~包括综合面试题、无领导小组面试题资源文件免费!全文干货。 【免费】25维谛技术面试最常见问题面试经验分享总结(包含一二三面题目答案)资源-CSDN文库https://download.csdn.net/download/m0_72216164/8979…

单调递增/递减栈

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

一文了解:最新版本 Llama 3.2

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

llamafactory0.9.0微调qwen2vl

LLaMA-Factory/data/README_zh.md at main hiyouga/LLaMA-Factory GitHubEfficiently Fine-Tune 100+ LLMs in WebUI (ACL 2024) - LLaMA-Factory/data/README_zh.md at main hiyouga/LLaMA-Factoryhttps://github.com/hiyouga/LLaMA-Factory/blob/main

【Java SE】初遇Java,数据类型,运算符

🔥博客主页🔥:【 坊钰_CSDN博客 】 欢迎各位点赞👍评论✍收藏⭐ 1. Java 概述 1.1 Java 是什么 Java 是一种高级计算机语言,是一种可以编写跨平台应用软件,完全面向对象的程序设计语言。Java 语言简单易学…

Android平台如何获取CPU占用率和电池电量信息

技术背景 我们在做Android平台GB28181设备接入模块、轻量级RTSP服务模块和RTMP推流模块的时候,遇到这样的技术诉求,开发者希望把实时CPU占用、电池信息等叠加在视频界面。 获取CPU占用率 Android平台获取CPU占用情况,可以读取/proc/stat文…

第十三届蓝桥杯真题Java c组D.求和(持续更新)

博客主页:音符犹如代码系列专栏:蓝桥杯关注博主,后期持续更新系列文章如果有错误感谢请大家批评指出,及时修改感谢大家点赞👍收藏⭐评论✍ 【问题描述】 给定 n 个整数 a1, a2, , an ,求它们两两相乘再相…

生信初学者教程(十六):GO富集分析

文章目录 介绍加载R包导入数据所需函数运行输出结果总结介绍 GO(Gene Ontology)是一个在生物信息学中广泛使用的概念,用于描述基因和基因产物的功能、它们所处的细胞位置以及它们参与的生物过程。GO项目是一个协作性的国际努力,旨在建立和维护一个适用于各种物种的、结构化…

用Python实现运筹学——Day 6: 单纯形法求解过程

一、学习内容 1. 单纯形法的详细步骤 单纯形法是通过迭代过程来优化线性规划问题的解决方案。该算法从可行解空间的一个顶点出发,逐步沿着可行解空间的边界移动到另一个顶点,直到找到最优解。单纯形法的求解过程分为以下几个步骤: 初始化&a…

EE trade:黄金T+D是什么意思

黄金TD,全称“黄金延期交割”,是由上海黄金交易所推出的标准化合约,允许投资者以保证金的形式进行黄金交易,并可以选择当日交割或延期交割。它为国内投资者提供了一个全新的黄金投资渠道,但也存在一些风险,…

Linux进程切换以及调度算法

目录 Linux进程切换以及调度算法 Linux进程切换介绍 前置知识 进程切换过程分析 调度算法 补充知识 Linux进程切换以及调度算法 Linux进程切换介绍 前面提到,分时操作系统下,CPU会在多个进程中做高速切换以实现多个进程看似同时执行的&#xff0…

会员办理--足浴店系统开发代码———未来之窗行业应用跨平台架构

function fun_会员查询_事务_新增(){var 未来之窗vos对话框_内容 ;var title"test";var 未来之窗vos对话框_id"hjksgfjkkhkj";CyberWin_Dialog.layer(未来之窗vos对话框_内容,{type:"frame",title:"新增会员",move:false,width:"…

828华为云征文|WordPress部署

目录 前言 一、环境准备 二、远程连接 三、WordPress简介 四、WordPress安装 1. 基础环境安装 ​编辑 2. WordPress下载与解压 3. 创建站点 4. 数据库配置 总结 前言 WordPress 是一个非常流行的开源内容管理系统(Content Management System, CMS&#xf…

FTP 服务器 linux安装

文章目录 前言一、了解二、安装启动匿名连接 三、创建用户1. 创建系统用户2. 连接3. 连接不上? 5004. 还是连接不上? 5005. 还还还是连不上?530 补充关于创建用户useradd 命令如何设置用户不能登录shell不用系统指定的家目录 vsftpd 配置chro…

Python | Leetcode Python题解之第443题压缩字符串

题目&#xff1a; 题解&#xff1a; class Solution:def compress(self, chars: List[str]) -> int:def reverse(left: int, right: int) -> None:while left < right:chars[left], chars[right] chars[right], chars[left]left 1right - 1n len(chars)write lef…

Android15音频进阶之新播放器HwAudioSource(八十六)

简介: CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布:《Android系统多媒体进阶实战》🚀 优质专栏: Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏: 多媒体系统工程师系列【原创干货持续更新中……】🚀 优质视频课程:AAOS车载系统+…

面试扩展知识点

1.C语言中分为下面几个存储区 栈(stack): 由编译器自动分配释放堆(heap): 一般由程序员分配释放&#xff0c;若程序员不释放&#xff0c;程序结束时可能由OS回收全局区(静态区): 全局变量和静态变量的存储是放在一块的&#xff0c;初始化的全局变量和静态变量在一块区域&#…