# 情天数据可视化开源版 **Repository Path**: huangjun520/love-day-data-visualization ## Basic Information - **Project Name**: 情天数据可视化开源版 - **Description**: 基于SpringBoot+Vue3+mysql开发，支持多种数据源：excel、api接口、mysql、oracle、SqlServer等多种类型的数据源，支持数据模型转换，图形化编辑界面：拖拽即可完成大屏制作和数据配置，无需编程就能轻松搭建数据大屏。私有化部署：使用私有化部署的方式，保障贵公司的数据安全，数据大屏支持加密发布 - **Primary Language**: Java - **License**: GPL-2.0 - **Default Branch**: master - **Homepage**: http://www.51qingtian.com/ - **GVP Project**: No ## Statistics - **Stars**: 22 - **Forks**: 4 - **Created**: 2021-12-09 - **Last Updated**: 2025-06-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue, Java, JavaScript, CSS, MySQL ## README # 情天数据可视化开源版 ### 开源版说明 1. 相比商业版，开源版只开源了前端部分代码 2. 开源的目的是为了方便开发者学习交流，如果是用于商业目的，请联系客服，购买商业版 3. 开源版测试账号:admin 密码：admin ### 官网 1. 情天数据可视化 [www.51qingtian.com](https://www.51qingtian.com) 2. 测试账号：lisi 密码：123 ### 介绍 基于SpringBoot+Vue3+mysql开发，支持多种数据源：excel、api接口、mysql、oracle、SqlServer等多种类型的数据源，支持数据模型转换，图形化编辑界面：拖拽即可完成样式和数据配置，无需编程就能轻松搭建数据大屏。私有化部署：使用私有化部署的方式，保障贵公司的数据安全，数据大屏支持加密发布 ### 软件架构 情天可视化平台是基于SpringBoot+Vue3+mysql构建的数据可视化开发平台，数据库方面，基于springboot开发的mysql中间件，理论上可以无限扩容mysql节点，完全不用担心数据容量问题；每增加一个mysql节点，只需要在数据库添加一条节点记录即可。 ### 系统特点 1. 支持多种数据源 > 支持excel、api接口、mysql、oracle、SqlServer等多种类型的数据源 2. 支持数据模型转换 > 可以根据具体的使用场景，将原始的数据源数据抽取出一个个独立的数据模型，将数据归类 3. 图形化编辑界面 > 拖拽即可完成样式和数据配置，无需编程就能轻松搭建数据大屏。 4. 私有化部署 > 使用私有化部署的方式，保障贵公司的数据安全，数据大屏支持加密发布 ### 前端开发环境准备 1. 开发工具 Visual Studio Code 2. 安装依赖 > - 推荐设置新的淘宝镜像 ``` npm config set registry https://registry.npmmirror.com ``` > - 安装依赖 ``` npm i --legacy-peer-deps ``` > - 覆盖修改过源码的node_modules
在根目录下找到my_module目录，该目录下存放的是修改过源码的node_modules副本，当使用npm安装好依赖模块之后，需要手动覆盖掉在my_module中已经存在的node_modules 3. 启动项目 ``` npm run serve ``` 4. 测试账号 ``` 开源版测试账号:admin 密码：admin ``` 5. 编译项目打包 ``` npm run build ``` ### 启动服务端 1. 介绍
运行前端项目之前，需要首先启动服务端，服务端jar包和数据库sql都在server目录下面，启动mysql，并将sql导入之后，即可通过start.bat启动服务端 2. 启动服务端(启动之前，请确保mysql服务已经启动) ``` ./start.bat ``` 3. 修改服务端配置
在server目录下，找到application.properties文件，里面可以修改mysql账号和密码，端口等 ### 界面展示 1. 大屏编辑界面 ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/1.png)(https://www.51qingtian.com) 2. 可视化大屏 ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/2.png)(https://www.51qingtian.com) 3. 数据模型 ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/3.png)(https://www.51qingtian.com) 4. 数据源 ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/4.png)(https://www.51qingtian.com) ### 模板展示 1. 健身数据报告 > ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/m1.png)(https://www.51qingtian.com) 2. 智慧园区数据统计中心 > ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/m2.png)(https://www.51qingtian.com) 3. 交通安全主题 > ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/m3.png)(https://www.51qingtian.com) 4. 财务数据大屏 > ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/m4.png)(https://www.51qingtian.com) 5. 智慧医疗大数据可视化大屏 > ![Image text](https://gitee.com/huangjun520/love-day-data-visualization/raw/master/51qingtian.com/images/m5.png)(https://www.51qingtian.com) ### 官网 1. 情天数据可视化 [www.51qingtian.com](https://www.51qingtian.com)