数字乡村可视化大数据-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



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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

从 Oracle 到 MySQL 数据库的迁移之旅

文章目录 引言一、前期准备工作1.搭建新的MySQL数据库2 .建立相应的数据表2.1 数据库兼容性分析2.1.1 字段类型兼容性分析2.1.2 函数兼容性分析2.1.3 是否使用存储过程?存储过程的个数?复杂度?2.1.4 是否使用触发器?个数&#xff…

【前缀积】Leetcode 除自身以外数组的乘积

题目解析 238. 除自身以外数组的乘积 算法讲解 我们可以使用两个空间保存当前位置的左边积和右边积&#xff0c;需要注意的地方初始的dp表需要初始化为1&#xff0c;如果是0则无法得到结果&#xff0c;因为此处是乘法 class Solution { public:vector<int> productEx…

【春秋招专场】央国企——国家电网

国家电网目录 1.公司介绍1.1 业务1.2 组成 2.公司招聘2.1 招聘平台2.2 考试安排2.3 考试内容 3.公司待遇 1.公司介绍 1.1 业务 国家电网公司&#xff08;State Grid Corporation of China&#xff0c;简称SGCC&#xff09;是中国最大的国有企业之一&#xff0c;主要负责中国绝…

第十届 蓝桥杯 单片机设计与开发项目 省赛

第十届 蓝桥杯 单片机设计与开发项目 省赛 输入&#xff1a; 频率信号输入模拟电压输入 输出&#xff08;包含各种显示功能&#xff09;&#xff1a; LED显示SEG显示DAC输出 01 数码管显示问题&#xff1a;数据类型 bit Seg_Disp_Mode;//0-频率显示界面 1-电压显示界面 un…

【Python】Python城乡人口数据分析可视化(代码+数据集)【独一无二】

&#x1f449;博__主&#x1f448;&#xff1a;米码收割机 &#x1f449;技__能&#x1f448;&#xff1a;C/Python语言 &#x1f449;公众号&#x1f448;&#xff1a;测试开发自动化【获取源码商业合作】 &#x1f449;荣__誉&#x1f448;&#xff1a;阿里云博客专家博主、5…

STM32仿真例程分享(原理图 代码)

STM32仿真例程分享(原理图 代码) 资料下载地址&#xff1a; stm32仿真: https://url83.ctfile.com/d/45573183-60710029-884629?p7526 (访问密码: 7526)

使用 vue3-sfc-loader 加载远程Vue文件, 在运行时动态加载 .vue 文件。无需 Node.js 环境,无需 (webpack) 构建步骤

加载远程Vue文件 vue3-sfc-loader vue3-sfc-loader &#xff0c;它是Vue3/Vue2 单文件组件加载器。 在运行时从 html/js 动态加载 .vue 文件。无需 Node.js 环境&#xff0c;无需 (webpack) 构建步骤。 主要特征 支持 Vue 3 和 Vue 2&#xff08;参见dist/&#xff09;仅需…

vue数据检测原理

前言 Vue中的数据监听离不开Object.defineProperty()方法的使用&#xff0c;在了解数据监测原理之前&#xff0c;建议先掌握defineProperty的用法。 目标 1 数据监测问题 2 数据监测原理 3 如何实现数组更新 1 遇到的问题 数组更新问题 <button click"updatePeople&q…

Java使用OpenOffice将office文件转换为PDF

Java使用OpenOffice将office文件转换为PDF 1. 先行工作1.1 OpenOffice官网下载1.2 JODConverter官网下载1.3 下载内容 2.介绍3. 安装OpenOffice服务3.1.Windows环境3.2 Linux环境 4. maven依赖5. 转换代码 1. 先行工作 请注意&#xff0c;无论是windows还是liunx环境都需要安装…

第6章 6.3 正则表达式(MATLAB入门课程)

讲解视频&#xff1a;可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。​ MATLAB教程新手入门篇&#xff08;数学建模清风主讲&#xff0c;适合零基础同学观看&#xff09;_哔哩哔哩_bilibili 在上一章中&#xff0c;我们学了许多文本处理的函数&#xff0c…

DS18B20与单片机的通信、DS18B20采集温度、MODBUS协议、练习框架

我要成为嵌入式高手之4月9日51单片机第四天&#xff01;&#xff01; ———————————————————————————— DS18B20温度传感器 单总线数字温度计 异步的半双工的串行通信 测量范围从-55℃ ~ 125℃&#xff0c;增量值为0.5℃ 要用DS18B20采集温度&am…

STM32之FreeRTOS移植

1.FreeRTOS的移植过程是将系统需要的文件和代码进行移植和裁剪&#xff0c;其移植的主要过程为&#xff1a; &#xff08;1&#xff09;官网上下载FreeRTOS源码&#xff1a;https://www.freertos.org/ &#xff08;2&#xff09;移植文件夹&#xff0c;在portable文件夹中只需…

【数字化转型】上市公司智能制造词频统计数据(1991-2022年)

数据来源&#xff1a;上市公司年报 时间跨度&#xff1a;1991-2022年 数据范围&#xff1a;上市公司 数据指标&#xff1a; 版本一 智能制造 智能机器 智能生产 机器人 全自动 全机器 版本二 宏观政策 中国制造2025 工业4.0 互联网 范式特征 自动化 信息化 信息…

多态【C/C++复习版】

目录 一、多态是什么&#xff1f;如何实现&#xff1f; 二、 什么是重写&#xff1f;有什么特点&#xff1f; 三、什么是协变&#xff1f; 四、析构函数能实现多态吗&#xff1f;为什么要实现&#xff1f; 五、override和final的作用是什么&#xff1f; 六、 多态的原理是…

【vscode】在本地加载远端环境并开发

【vscode】在本地利用远程服务器显卡跑代码 写在最前面vscode&#xff1a;远程到本地1、安装ssh插件2、添加服务器连接配置3、连接服务器4. SSH配置5. 在ssh中安装python解释器 vscode基本操作 &#x1f308;你好呀&#xff01;我是 是Yu欸 &#x1f30c; 2024每日百字篆刻时光…

得物 Zookeeper SLA 也可以 99.99% | 得物技术

一、背景 ZooKeeper&#xff08;ZK&#xff09;是一个诞生于2007年的分布式应用程序协调服务。尽管出于一些特殊的历史原因&#xff0c;许多业务场景仍然不得不依赖它。比如&#xff0c;Kafka、任务调度等。特别是在 Flink 混合部署 ETCD 解耦 时&#xff0c;业务方曾要求绝对…

双数据库的安装

双MySQL的安装 【0】前言 ​ 本地已经安装过mysql5.1版本&#xff0c;应项目需求需要安装mysql5.7版本&#xff1b; ​ 官方网站下载对应版本&#xff1a;https://downloads.mysql.com/archives/community/ 【1】压缩包下载完成后解压至本地磁盘 【2】进入根目录下bin文件夹…

Element-UI 自定义-下拉框选择年份

1.实现效果 场景表达&#xff1a; 默认展示当年的年份&#xff0c;默认展示前7年的年份 2.实现思路 创建一个新的Vue组件。 使用<select>元素和v-for指令来渲染年份下拉列表。 使用v-model来绑定选中的年份值。 3.实现代码展示 <template><div><el-…

数据结构复习指导之线性表(线性表的顺序表示)

文章目录 线性表的顺序表示 1.顺序表的定义 1.1知识总览 1.2顺序表 1.3静态分配 1.4动态分配 1.5顺序表的特点 1.6知识回顾与重要考点 线性表的顺序表示 1.顺序表的定义 1.1知识总览 1.2顺序表 线性表的顺序存储又称顺序表。它是用一组地址连续的存储单元依次存储线性…

spring04:注解使用

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