低代码可视化操作手册第一篇(低代码方案)

一、产品简介

DataSoli是一款基于Spring Boot Vue2.0构建的数据可视化低代码开发平台,使用者无需编程或仅需少量脚本编辑,通过简单的组件拖拽、图层、画布编辑等操作方式即可快速创建出美观酷炫的数据大屏。 平台支持多种数据源类型接入,具备数据实时更新性强、视觉效果丰富等特点。

低代码可视化操作手册第一篇(低代码方案)

产品优势

简单易用的操作方式

使用DataSoli编辑可视化项目的操作离不开布局块、画布、和组件配置,三者分别位于项目设计器界面的左、中、右侧。 布局块、画布、和组件配置理解详见基本概念 。

便捷的页面及组件配置管理

DataSoli支持用户自行创建、复制、删除可视化工程页面,支持自定义页面尺寸,如1920*1080等多种主流分辨率以及多屏联合的超大分辨率,同时也支持移动端页面尺寸。 通过对组件进行简单拖拽,或者选择内置的各种行业模板,用户即可基本搭建一个高水准的数据大屏。同时,也支持实时预览大屏效果、以链接形式加密或公开发布给他人访问。

此外,DataSoli也支持对大屏页面进行分组(工程分组)管理、导入导出的功能,用户可更规范、更便捷地查看可视化项目。

常见多样的数据源支持

DataSoli支持多种数据源接入,包括MySQLOracle、SQL Server等常见关系型数据库,CSV、Json静态数据、Http API等,其他数据源可根据用户实际场景自行快速集成。

丰富的组件配置

DataSoli提供多种精美图表组件,不同样式的折线图、柱状图、饼图等常规图表,可满足您不同场景、风格样式的需求。 每个组件都有全面的配置项,通过对配置项的调整,用户可以获得样式灵活多变的组件。同时支持多种风格一键切换,支持用户自主选择配色方案,满足不同应用场景。

支持复杂场景的交互

DataSoli可实现多种复杂的交互,同个项目中的数据交互可通过内置交互流或内置事件总线完成。在组件的事件触发中配置相应的内置交互流变量,然后在需要接收交互变量的组件中通过特定语法读取即可。 对于专业技术人员,DataSoli中也提供了灵活的JS动态编辑,通过JS去实现更多更复杂的页面交互效果。

支持自定义组件开发

当实际项目内,我们提供的标准组件功能不足以支撑项目需求,或需对外部效果进行集成时,支持用户根据相应的组件开发流程及规范进行自定义组件开发。

安全灵活的部署方式

DataSoli支持灵活的本地私有化部署,将产品部署到您的服务器,实现内外网隔离,满足对数据保密、安全性的要求。

二、基本概念

管理工作台

低代码可视化操作手册第一篇(低代码方案)

画布

低代码可视化操作手册第一篇(低代码方案)

画布即数据大屏的编辑页面,位于设计器的中心位置,可通过右侧其他配置-画布配置面板对画布的大小进行设置,默认分辨率为1920*1080。

布局块

低代码可视化操作手册第一篇(低代码方案)

DataSoli中,所有的功能组件均必须嵌套于一个布局块中,布局块作为功能组件的外层容器,决定功能组件的位置、尺寸、底色等基础配置。 布局块可以与内部组件进行解绑,当然也可以将功能组件拖入一个未绑定任何组件的布局块中。

功能组件

低代码可视化操作手册第一篇(低代码方案)

DataSoli提供的一系列折线图、柱状图、饼图等可视化图表,通过简单的点击和拖拽操作可以实现组件的添加和大小位置的调整。编辑界面右侧为组件的样式、数据以及交互配置,提供字体颜色、文字大小、动画等配置项对所需组件进行调整,使展示样式交互效果更加灵活。

层级结构树

低代码可视化操作手册第一篇(低代码方案)

当组件被拖入画布中,即在层级结构树中添加相应的图层信息。点击选中单个图层可对其组件进行编辑修改。

数据源

DataSoli中,大部分组件均支持绑定数据源,这些数据包括动态数据源(HTTP API、数据库直连、WebSocket)和静态数据源(静态JSON、CSV),所有可绑定数据源的组件,默认均使用静态JSON作为数据源,动态数据源返回的结果集也叫数据源结果集。

共享数据源

DataSoli中存在一种特定的数据源类型叫共享数据源,它的作用类似于一个数据源统一分发器,数据的请求由共享数据源发起,所有需要这个共享数据源请求返回的结果集的组件, 只需要绑定指定共享数据源即可,具体共享数据源的使用方法,请前往进阶使用中共享数据源中了解。

事件总线

DataSoli中实现组件之间数据交互的一种方式,基于Vue的EventBus事件总线的机制实现。

内置交互流

DataSoli中与事件总线一样,用于实现组件之间数据交互的一种方式,内置交互流通过简单的配置即可实现组件之间的数据交互,无需编写复杂的JS事件总线代码。

低代码可视化操作手册第一篇(低代码方案)

我的工程

工程作为数据大屏页面的一个汇总分类,页面必须隶属于某个工程,在我的工程下,可以进行工程的新建、设计、编辑、删除、导入页面、协同开发者配置等操作。

我的模板

页面模板管理的入口,DataSoli中可以将我们设计的某个页面进行模板化存储起来,当我们创建新页面时,可以选择预先保存起来的模板来生成新页面,管理员角色还可以将模板保存为系统模板,系统模板为任何用户均可使用,在我的模板下,可以进行模板的导出、导入、禁用等操作。

收藏组件管理

DataSoli中可以将组件进行收藏,与页面模板的概念一样,组件收藏实现了组件配置的可复用,同时也支持多个组件组合的收藏,在收藏组件管理中,可以进行新建分组、删除分组,编辑分组等操作。

组件库管理

对DataSoli中组件库的基本信息管理,此功能只限管理员角色使用,在组件库管理下,可以进行创建分组、编辑分组、删除分组,初始化组件相关文件,新建组件基本信息等操作。

主题管理

DataSoli中,主题可以应用于工程或某个页面内的所有Echarts(ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。)删除等操作。

数据源管理

在数据源管理中,可以进行数据库数据源的创建、删除操作,同时也可以进行CSV文件的上传解析操作。

用户管理

在用户管理中,管理员角色可以进行整个系统使用用户的管理,包括新增、删除等操作。

地图源数据管理

在地图源数据管理中,可以进行地图的GeoJson数据管理,在DataSoli中,部分地图组件可以使用到这些地图的GeoJson数据来渲染地图。

邮件管理

点击邮件管理

发件人管理—>新建发件人

低代码可视化操作手册第一篇(低代码方案)

填写发件人信息

低代码可视化操作手册第一篇(低代码方案)

创建好后

邮件任务—>新增邮件任务

低代码可视化操作手册第一篇(低代码方案)

编辑任务 注:发件人的选择是发件人管理中的发送者 正文内容是已发布的内容

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部