数字乡村可视化大数据-DIY拖拽式设计

DIY拖拽式大数据自由设计万村乐可视化大数据V1.0

随着万村乐数字乡村系统的广泛使用,我们也接收到了客户的真实反馈,最终在公司的决定下,我们推出了全新的可视化大数据平台V1.0版本,全新的可视化平台是一个通过拖拽配置生成可视化大屏的低代码平台。它包含项目管理、应用管理、数据源管理、过滤器管理、收藏、模板市场、应用独立部署等功能。平台提供了丰富的图表组件、地图组件、媒体组件、动画组件和常用的大屏页面组件,支持加载三维模型,支持事件配置。用户可以通过简单的鼠标拖拽组件放入页面容器,配置组件样式,组件数据。即可完成一个大屏页面的开发。

技术栈

  • Vue 3.0+

  • Vite 3.0+

  • Pinia 2.0+

  • TypeScript 4.0+

  • ECharts 5.0+

  • mars3d 3.6+

  • Threejs 0.159.0

38b1a2a51fec650b3f42bd357c93bc6d.jpeg

2b6c338c7131b01d6078809222923ff9.jpeg

9e9a7ccdd67fe4a7be132911868c4213.jpeg

9de00624709c052162fcab17d716ea02.jpeg

5cbab5c917293279aa85abbd5c5bbd9b.jpeg

db00881a547c923dd2de23ff8cb1dba8.jpeg

3ff1c0ea5a017d9620de2609ad360ee0.jpeg

fd1a981519c93bdcdc575ff6f89514b8.jpeg

c7f702cdeca7d37d5307e0803ae8f2a3.jpeg

多数据库支持

在创建数据源上我们支持主流数据库及国产数据库的对接

01

系统功能

4724521e5dac088174f8a01ce78d0a9f.jpeg

  1. 项目管理: 用户可以创建多个项目,并进行项目管理,包括名称、描述、创建人、创建时间等信息。

  2. 用户管理: 系统管理员可以对用户进行管理,包括账号、密码等信息。

  3. 大屏管理: 用户可以创建并管理多个大屏。

  4. 数据源管理: 用户可以添加多个数据源,并进行数据源管理,支持数据库、API等多种数据源类型。

  5. 过滤器管理: 用户可以添加多个过滤器,并进行过滤器管理,在大屏内可共享过滤器。

  6. 收藏: 用户可以将常用组件进行收藏、发布,方便以后使用。

  7. 模板中心: 提供多个常用的大屏模板,用户可以选择并快速创建一个大屏页面。

  8. 组件管理: 提供丰富的图表组件、地图组件、媒体组件、动画组件和常用的大屏页面组件,用户可以通过简单拖拽将组件放入页面容器。

  9. 样式配置: 用户可以对组件进行样式配置,包括形状、动画、颜色、字体等信息。

  10. 数据配置: 用户可以对组件进行数据配置,支持数据源查询,并可自定义数据格式。

  11. 事件配置: 用户可以对组件进行事件配置,例如点击、鼠标移动等事件。

  12. 应用独立部署: 用户可以将某些应用单独导出为应用包,在任意服务器启动即可。

02

平台优势

08ab07c7df86c68a31c19d9bb5f59664.jpeg

  1. 低代码开发:用户只需要通过简单的拖拽操作就能完成大屏页面的开发,无需编写复杂的代码。

  2. 可视化配置:用户可以实时预览页面效果,更改样式、数据、事件等配置项后,页面会实时更新,让用户更加直观的看到页面变化。

  3. 多种组件:系统提供了丰富的图表组件、地图组件、媒体组件、动画组件和常用的大屏页面组件,满足各种需求。

  4. 多种数据源:系统支持多种数据源类型,包括数据库、API等,用户可以根据自己的需求选择不同的数据源

  5. 多种行业模板:定制了多个行业数据模板,用户简单修改即可使用,业务全景一目了然


系统演示

大数据预览地址:http://d2.zhihxc.com/#/screen/preview/86

大数据体验地址:

http://d2.zhihxc.com

账号:test

密码:12345678

注:复制网址到浏览器访问

671948e57e2611651303ffbed2ead50d.jpeg



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

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

相关文章

网络流量分析与控制

⚠申明: 未经许可,禁止以任何形式转载,若要引用,请标注链接地址。 全文共计5477字,阅读大概需要3分钟 🌈更多学习内容, 欢迎👏关注👀【文末】我的个人微信公众号&#xf…

爬虫现在还有那么吃香嘛?

Python 作为一种广泛应用的编程语言,在 Web 开发、大数据开发、人工智能开发和嵌入式开发等领域都有着重要的应用。 Python 的易学性、清晰性和可移植性等特点使它得到很多技术人士的喜爱。对于数据科学和机器学习领域的程序员来说,Python 提供了强大的…

YOLOV5 分类:利用yolov5进行图像分类

1、前言 之前介绍了yolov5的目标检测示例,这次将介绍yolov5的分类展示 目标检测:YOLOv5 项目:训练代码和参数详细介绍(train)_yolov5训练代码的详解-CSDN博客 yolov5和其他网络的性能对比 yolov5分类的代码部分在这 2、数据集准备 yolov5分类的数据集就是常规的摆放方式…

vue 文件预览

<template><div><p>打开新页面预览文件</p><div v-for"(item,index) in list" :key"index"><el-link type"primary" click"handleOpen(item.url)">{{item.name}}</el-link></div><…

物联网SaaS平台

在信息化、智能化浪潮席卷全球的今天&#xff0c;物联网SaaS平台作为推动工业数字化转型的重要工具&#xff0c;正日益受到广泛关注。那么&#xff0c;物联网SaaS平台究竟是什么&#xff1f;HiWoo Cloud作为物联网SaaS平台又有哪些独特优势&#xff1f;更重要的是&#xff0c;它…

Golang 基于共享变量的并发锁

一、互斥锁 先看一个并发情况&#xff0c;同时操作一个全局变量&#xff0c;如果没有锁会怎么样 假设有1000个goroutines并发进行银行余额的扣除&#xff0c;每次都扣除10元&#xff0c;起始的总余额是10000&#xff0c;理论上并发执行完应该是0对不对&#xff0c;但实际却不…

spring04:注解使用

spring04&#xff1a;注解使用 文章目录 spring04&#xff1a;注解使用前言&#xff1a;一、 Autowired Qualifier和 Resource 和 nullable1. Autowired 2. Resource &#xff1a;使用在类的属性上面&#xff08;和Autowired类似&#xff09;3. nullable 二、 Component 和 Re…

统信UOS桌面操作系统1060上隐藏Windows磁盘

原文链接&#xff1a;统信UOS桌面操作系统1060上隐藏Windows磁盘 Hello&#xff0c;大家好啊&#xff01;继之前我们讨论了如何在统信UOS桌面操作系统1060上安装双系统之后&#xff0c;今天我要给大家介绍的是&#xff0c;在这个基础上如何隐藏Windows磁盘分区。这样做可以让你…

大数据dolphinscheduler 本地容器化安装

Minio 容器安装 docker run -p 9000:9000 -p 9090:9090 --name minio -d -e "MINIO_ACCESS_KEYminioadmin" -e "MINIO_SECRET_KEYminioadmin" -v D:\SF\DOCKER\minio\data:/data -v D:\SF\DOCKER\minio\config:/root/.minio minio/minio server /da…

特别详细的Spring Cloud 系列教程2:微服务网关gateway的启动

继上一篇&#xff1a;特别详细的Spring Cloud 系列教程1&#xff1a;服务注册中心Eureka的启动 在比较多的教程和书籍里&#xff0c;spring cloud的微服务网关用的Zuul。然而&#xff0c;zuul已经不被官方提倡&#xff0c;现在提倡用的是spring cloud gateway。因为gateway的整…

WPS二次开发系列:Gradle版本、AGP插件与Java版本的对应关系

背景 最近有体验SDK的同学反馈接入SDK出现报错&#xff0c;最终定位到原因为接入的宿主app项目的gradle版本过低导致&#xff0c;SDK兼容支持了android11的特性&#xff0c;需要对应的gradle插件为支持android11的版本。 现象 解决方案 将gradle版本升级至支持android11的插件版…

海外代理IP如何助力YouTube广告投放?

一、海外代理的角色与优势 拓展地理访问&#xff1a; 海外代理允许您从其他国家或地区的IP地址进行网络访问。通过使用海外代理&#xff0c;您可以绕过部分限制&#xff0c;实现访问YouTube和其他平台的目的。扩展受众&#xff1a; 利用海外代理&#xff0c;您可以将广告投放面…

【学习】Spring IoCDI

&#x1f3a5; 个人主页&#xff1a;Dikz12&#x1f4d5;格言&#xff1a;吾愚多不敏&#xff0c;而愿加学欢迎大家&#x1f44d;点赞✍评论⭐收藏 目录 Spring 是什么&#xff1f; 什么是 IoC容器&#xff1f; 传统开发模式 loC开发模式 IoC的优势 IoC 的使用 Bean的…

vue3使用jsQR解析二维码

1.了解jsQR jsQR是一个纯javascript脚本实现的二维码识别库&#xff0c;不仅可以在浏览器端使用&#xff0c;而且支持后端node.js环境。jsQR使用较为简单&#xff0c;有着不错的识别率。 2.效果图 3.二维码 4.下载jsqr包 npm i -d jsqr5.代码 <script setup> import …

迁移docker部署的GitLab

目录 1. 背景2. 参考3. 环境4. 过程4.1 查看原docker启动命令4.2 打包挂载目录传至新宿主机并创建对应目录4.3 保存镜像并传至新宿主机下4.4 新宿主机启动GitLab容器 5 故障5.1 容器不断重启5.2 权限拒绝5.3 容器内错误日志 6 重启容器服务正常7 总结 1. 背景 最近接到一个任务…

【Java】JDK1.8 HashMap源码,put源码详细讲解

&#x1f4dd;个人主页&#xff1a;哈__ 期待您的关注 在Java中&#xff0c;HashMap结构是被经常使用的&#xff0c;在面试当中也是经常会被问到的。这篇文章我给大家分享一下我对于HashMap结构源码的理解。 HashMap的存储与一般的数组不同&#xff0c;HashMap的每一个元素存…

libevent源码解析-定时机制,信号处理,流量控制

概述 libevent的event&#xff0c;event_callback&#xff0c;event_base除了可以用来支持套接字的自动和手动分发&#xff0c;也可用来支持定时机制&#xff0c;信号处理&#xff0e;这里&#xff0c;我们补充对定时机制&#xff0c;信号处理的分析&#xff0e; libevent中的…

c# wpf datagrid 简单试验

1.概要 datagrid 一个列表类的控件 2.代码 <Window x:Class"WpfApp2.Window3"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schemas.mic…

MySOL之旅--------MySQL数据库基础( 3 )

本篇碎碎念:要相信啊,胜利就在前方,要是因为一点小事就停滞不前,可能你也不适合获取胜利,成功的路上会伴有泥石,但是走到最后,你会发现身上的泥泞皆是荣耀的勋章! 今日份励志文案: 凡是发生皆有利于我 目录 查询(select) 1.全列查询 2.指定列查询 3.查询字段为表达式 ​编…