低代碼可視化操作手冊第一篇(低代碼方案)

一、產品簡介

DataSoli是一款基于Spring Boot Vue2.0構建的數(shù)據(jù)可視化低代碼開發(fā)平臺,使用者無需編程或僅需少量腳本編輯,通過簡單的組件拖拽、圖層、畫布編輯等操作方式即可快速創(chuàng)建出美觀酷炫的數(shù)據(jù)大屏。 平臺支持多種數(shù)據(jù)源類型接入,具備數(shù)據(jù)實時更新性強、視覺效果豐富等特點。

低代碼可視化操作手冊第一篇(低代碼方案)

產品優(yōu)勢

簡單易用的操作方式

使用DataSoli編輯可視化項目的操作離不開布局塊、畫布、和組件配置,三者分別位于項目設計器界面的左、中、右側。 布局塊、畫布、和組件配置理解詳見基本概念 。

便捷的頁面及組件配置管理

DataSoli支持用戶自行創(chuàng)建、復制、刪除可視化工程頁面,支持自定義頁面尺寸,如1920*1080等多種主流分辨率以及多屏聯(lián)合的超大分辨率,同時也支持移動端頁面尺寸。 通過對組件進行簡單拖拽,或者選擇內置的各種行業(yè)模板,用戶即可基本搭建一個高水準的數(shù)據(jù)大屏。同時,也支持實時預覽大屏效果、以鏈接形式加密或公開發(fā)布給他人訪問。

此外,DataSoli也支持對大屏頁面進行分組(工程分組)管理、導入導出的功能,用戶可更規(guī)范、更便捷地查看可視化項目。

常見多樣的數(shù)據(jù)源支持

DataSoli支持多種數(shù)據(jù)源接入,包括MySQL、Oracle、SQL Server等常見關系型數(shù)據(jù)庫,CSV、Json靜態(tài)數(shù)據(jù)、Http API等,其他數(shù)據(jù)源可根據(jù)用戶實際場景自行快速集成。

豐富的組件配置

DataSoli提供多種精美圖表組件,不同樣式的折線圖、柱狀圖、餅圖等常規(guī)圖表,可滿足您不同場景、風格樣式的需求。 每個組件都有全面的配置項,通過對配置項的調整,用戶可以獲得樣式靈活多變的組件。同時支持多種風格一鍵切換,支持用戶自主選擇配色方案,滿足不同應用場景。

支持復雜場景的交互

DataSoli可實現(xiàn)多種復雜的交互,同個項目中的數(shù)據(jù)交互可通過內置交互流或內置事件總線完成。在組件的事件觸發(fā)中配置相應的內置交互流變量,然后在需要接收交互變量的組件中通過特定語法讀取即可。 對于專業(yè)技術人員,DataSoli中也提供了靈活的JS動態(tài)編輯,通過JS去實現(xiàn)更多更復雜的頁面交互效果。

支持自定義組件開發(fā)

當實際項目內,我們提供的標準組件功能不足以支撐項目需求,或需對外部效果進行集成時,支持用戶根據(jù)相應的組件開發(fā)流程及規(guī)范進行自定義組件開發(fā)。

安全靈活的部署方式

DataSoli支持靈活的本地私有化部署,將產品部署到您的服務器,實現(xiàn)內外網(wǎng)隔離,滿足對數(shù)據(jù)保密、安全性的要求。

二、基本概念

管理工作臺

低代碼可視化操作手冊第一篇(低代碼方案)

畫布

低代碼可視化操作手冊第一篇(低代碼方案)

畫布即數(shù)據(jù)大屏的編輯頁面,位于設計器的中心位置,可通過右側其他配置-畫布配置面板對畫布的大小進行設置,默認分辨率為1920*1080。

布局塊

低代碼可視化操作手冊第一篇(低代碼方案)

DataSoli中,所有的功能組件均必須嵌套于一個布局塊中,布局塊作為功能組件的外層容器,決定功能組件的位置、尺寸、底色等基礎配置。 布局塊可以與內部組件進行解綁,當然也可以將功能組件拖入一個未綁定任何組件的布局塊中。

功能組件

低代碼可視化操作手冊第一篇(低代碼方案)

DataSoli提供的一系列折線圖、柱狀圖、餅圖等可視化圖表,通過簡單的點擊和拖拽操作可以實現(xiàn)組件的添加和大小位置的調整。編輯界面右側為組件的樣式、數(shù)據(jù)以及交互配置,提供字體顏色、文字大小、動畫等配置項對所需組件進行調整,使展示樣式交互效果更加靈活。

層級結構樹

低代碼可視化操作手冊第一篇(低代碼方案)

當組件被拖入畫布中,即在層級結構樹中添加相應的圖層信息。點擊選中單個圖層可對其組件進行編輯修改。

數(shù)據(jù)源

DataSoli中,大部分組件均支持綁定數(shù)據(jù)源,這些數(shù)據(jù)包括動態(tài)數(shù)據(jù)源(HTTP API、數(shù)據(jù)庫直連、WebSocket)和靜態(tài)數(shù)據(jù)源(靜態(tài)JSON、CSV),所有可綁定數(shù)據(jù)源的組件,默認均使用靜態(tài)JSON作為數(shù)據(jù)源,動態(tài)數(shù)據(jù)源返回的結果集也叫數(shù)據(jù)源結果集。

共享數(shù)據(jù)源

DataSoli中存在一種特定的數(shù)據(jù)源類型叫共享數(shù)據(jù)源,它的作用類似于一個數(shù)據(jù)源統(tǒng)一分發(fā)器,數(shù)據(jù)的請求由共享數(shù)據(jù)源發(fā)起,所有需要這個共享數(shù)據(jù)源請求返回的結果集的組件, 只需要綁定指定共享數(shù)據(jù)源即可,具體共享數(shù)據(jù)源的使用方法,請前往進階使用中共享數(shù)據(jù)源中了解。

事件總線

DataSoli中實現(xiàn)組件之間數(shù)據(jù)交互的一種方式,基于Vue的EventBus事件總線的機制實現(xiàn)。

內置交互流

DataSoli中與事件總線一樣,用于實現(xiàn)組件之間數(shù)據(jù)交互的一種方式,內置交互流通過簡單的配置即可實現(xiàn)組件之間的數(shù)據(jù)交互,無需編寫復雜的JS事件總線代碼。

低代碼可視化操作手冊第一篇(低代碼方案)

我的工程

工程作為數(shù)據(jù)大屏頁面的一個匯總分類,頁面必須隸屬于某個工程,在我的工程下,可以進行工程的新建、設計、編輯、刪除、導入頁面、協(xié)同開發(fā)者配置等操作。

我的模板

頁面模板管理的入口,DataSoli中可以將我們設計的某個頁面進行模板化存儲起來,當我們創(chuàng)建新頁面時,可以選擇預先保存起來的模板來生成新頁面,管理員角色還可以將模板保存為系統(tǒng)模板,系統(tǒng)模板為任何用戶均可使用,在我的模板下,可以進行模板的導出、導入、禁用等操作。

收藏組件管理

DataSoli中可以將組件進行收藏,與頁面模板的概念一樣,組件收藏實現(xiàn)了組件配置的可復用,同時也支持多個組件組合的收藏,在收藏組件管理中,可以進行新建分組、刪除分組,編輯分組等操作。

組件庫管理

對DataSoli中組件庫的基本信息管理,此功能只限管理員角色使用,在組件庫管理下,可以進行創(chuàng)建分組、編輯分組、刪除分組,初始化組件相關文件,新建組件基本信息等操作。

主題管理

DataSoli中,主題可以應用于工程或某個頁面內的所有Echarts(ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。)刪除等操作。

數(shù)據(jù)源管理

在數(shù)據(jù)源管理中,可以進行數(shù)據(jù)庫數(shù)據(jù)源的創(chuàng)建、刪除操作,同時也可以進行CSV文件的上傳解析操作。

用戶管理

在用戶管理中,管理員角色可以進行整個系統(tǒng)使用用戶的管理,包括新增、刪除等操作。

地圖源數(shù)據(jù)管理

在地圖源數(shù)據(jù)管理中,可以進行地圖的GeoJson數(shù)據(jù)管理,在DataSoli中,部分地圖組件可以使用到這些地圖的GeoJson數(shù)據(jù)來渲染地圖。

郵件管理

點擊郵件管理

發(fā)件人管理—>新建發(fā)件人

低代碼可視化操作手冊第一篇(低代碼方案)

填寫發(fā)件人信息

低代碼可視化操作手冊第一篇(低代碼方案)

創(chuàng)建好后

郵件任務—>新增郵件任務

低代碼可視化操作手冊第一篇(低代碼方案)

編輯任務 注:發(fā)件人的選擇是發(fā)件人管理中的發(fā)送者 正文內容是已發(fā)布的內容

相關新聞

聯(lián)系我們
聯(lián)系我們
公眾號
公眾號
在線咨詢
分享本頁
返回頂部