数字乡村可视化大数据-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,一经查实,立即删除!

相关文章

mybatis报错无法update数据

报错信息: org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.ReflectionException: There is no getter for property named null in class com.feishu.commute.pojo.entity.ZzzHrOaQingJia 显示映射的某个属性名字为…

网络流量分析与控制

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

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

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

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

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

原生JS通过XMLHttpRequest请求文件流下载文件时获取文件名称

背景:后台请求文件接口返回的是文件流Stream,可是不知道怎么获取这个文件流文件的名字;在swagger或者postman中请求接口时,文件名称也是乱码 解决 : 1. 使用XMLHttpRequest去请求文件流,并在页面导出 2.…

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><…

【问题】 STM32 从 BOOT 跳转 APP 后运行失败的解决方案贴搜集

解决贴 关于STM32的BootLoader应用程序后不能正常跳转的问题总结 关于使用STM32F103C8T6的boot升级程序时&#xff0c;跳转到APP一直进入HardFault_Handler的问题解决 IAP升级跳转APP卡死&#xff0c;全网最巧妙解决方案 STM32H7 bootloader 跳转到APP后死机问题 Keil MDK…

rocky9上安装Harbor私有仓库

环境 rocky9 minimal 安装docker 配置阿里云的docker源 yum install -y yum-utils device-mapper-persistent-data lvm2 yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 指定安装这个版本的docker-ce yum list docker-…

spring 中的控制反转

在Spring框架中&#xff0c;控制反转&#xff08;IoC&#xff0c;Inversion of Control&#xff09;是指将对象的创建和管理交给了容器&#xff0c;而不是在应用程序代码中直接创建对象。在传统的编程模式中&#xff0c;应用程序代码通常负责创建对象并管理它们的生命周期&…

物联网SaaS平台

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

【原型设计】用Axure进行数据大屏可视化设计,民政数据可视化大屏

数据已经成为推动社会进步和提高政府治理能力的重要资源。民政数据大屏作为一种直观的数据展示平台,为我们提供了一个全面了解社会服务状况的窗口。通过民政数据大屏,我们可以实时监控和分析各项民政服务的运行情况,从而更好地满足人民群众的需求,提高社会福利水平。 两项…

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磁盘分区。这样做可以让你…

MySQL数据库基础二

1m1.数据完整性约束 1.1主键约束 基本语法&#xff1a; 字段名称 数据类型 PRIMARY KEY例&#xff1a; 创建数据表student&#xff0c;并设置字段sno作为主键 CREATE TABLE student(sno char(12)RPIMARY KEY,sname varchar(50),sgender varchar(10),sage int(10),sdept var…

大数据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;您可以将广告投放面…