低代碼可視化操作手冊第一篇(低代碼方案)
一、產品簡介
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ā)布的內容