1. 收藏!0基础开源数据可视化平台FlyFish大屏开发指南
开源数据可视化平台 FlyFish 是云智慧公司自主设计、研发的一款低门槛、高拓展性的低代码应用开发平台,专为数据可视化开发场景提供一站式解决方案。
平台提供丰富的组件和应用模板库,用户可通过拖拉拽的形式完成数据可视化开发,即便零开发背景的用户也能轻松上手。同时,FlyFish支持组件开发、自定义函数与全局事件等配置,面对复杂需求场景能够保证高效开发与交付。
使用 FlyFish 开发流程如下:
1. 登录 FlyFish 平台,创建项目或添加当前项目,然后添加应用(可视化大屏)。
2. 浏览平台提供的基础组件,若组件与 UI 设计不符,可通过自定义 CSS 进行调整。
3. 请求数据,编辑组件信息并将其添加到项目中。
4. 进行组件开发,包括配置 webpack 编译打包扩展,添加组件依赖,设置预览大屏预设,注册组件和代码文件。
5. 在开发过程中,可选择使用原生 JavaScript 或 React 进行开发,并参考相关文档进行操作。
6. 对于组件之间的交互,可实现事件接收与自定义函数,以便于大屏功能的扩展。
7. 若需实现默认选项的实时渲染,可重写 load 方法,以更新默认选项。
8. 开发完成后,遵循标准流程进行部署上线,支持 Tengine 或 Nginx 部署。
FlyFish 支持通过 Echarts 等外部平台开发组件,用户可根据需求引用相关插件实现特定功能。
开发过程中,前端直接打出包,无需额外的 Git 仓库。下载源码时,请使用前缀 + 大屏 ID 的下载地址,并注意谨慎频繁调用。
此外,Echarts 配置与导出资源可通过 npmjs.com/package/@clou... 获取,如有下载失败,建议更换版本号以解决。
2. 自定义的拖拽式智能大屏(springboot+VUE)
一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue.
三步就可以配置一个报表展示大屏。
数据流程图
第一步:配置我们需要的数据源,也就是连接一个数据库, mysql , oracle , SqlServer 等等;
第二步:选择数据源,选择编码方式,数据集名称,数据集,然后写一下 sql 语句,就是你要展示的数据字段
第三步:推拽配置大屏,将你想要展示的图标直接拖拽到设计区,可以任意配置
二、实现功能
三、技术选型
springboot
mybatis
前端: vue 、 elementUI
四、界面展示
五、源码地址
私信回复:智能大屏