使用這個工具, 人人都可以擁有自己的網站!
深切
緬懷
國之偉人
接下來給大家介紹的工具,不僅可以通過拖拽的方式制作H5頁面, PC頁面, 還可以制作可視化大屏應用. 最關鍵的是, 完全免費使用哦! 目前它的H5編輯器和PC端編輯器已在github部分或全部開源. 接下來我就帶大家一起來了解一下這個頁面制作神器.
github: https://github.com/MrXujiang/h5-Dooring
官網地址: http://h5.dooring.cn
Nocode/Lowcode
Dooring
沒錯, 這個工具就是Dooring, 其中包含了
H5-Dooring(h5頁面搭建),
PC-Dooring(pc頁面搭建),
V6.Dooring(可視化大屏搭建)。
從2020年在github開源上線以來已經收獲4300+ star, 積累了1000+用戶, 產生了700+頁面, 接近100+模版.目前仍在持續(xù)迭代和升級. 并且有相對完整的開發(fā)和使用文檔, 方便大家快速了解和使用Dooring.
Dooring文檔截圖
H5-Dooring | 零開發(fā)極速制作H5
作者最開始開發(fā)這個項目的主要目的是提高個人和企業(yè)開發(fā) H5 頁面的成本和效率, 可以通過搭積木的方式, 利用已有組件庫或外部組件資源(正在設計)搭建出適合不同場景的 H5 應用, 并且支持一鍵下載代碼, 讓技術人員或者非技術人員輕松將H5頁面部署到自己的服務器中. 所以打算把H5-Dooring好好落地, 做成一個真正有價值的項目.
整體架構 ? Dooring
使用Dooring搭建的移動端產物和依賴的資源非常少, 并且在webpack層和服務器層做了優(yōu)化, 所以移動端訪問H5頁面會非常快, 這塊優(yōu)化在公眾號《趣談前端》的可視化專欄里有詳細的介紹, 目前對性能這塊還在持續(xù)優(yōu)化. 接下來看看預覽的大致原理圖:
H5-Dooring
PC-Dooring · Github完全開源
PC-Dooring
整體技術架構和H5-Dooring類非常相似, 也是遵循作者的產品設計哲學—— 不要讓用戶思考. 降低一切拖拽復雜度, 采用智能網格的交互模式來實現(xiàn)(這種設計方式有一定的局限, 僅供大家參考, 當然也可以使用V6.Dooring的自由布局模式). 整體架構如下圖所示:
V6.Dooring · 拖拽式搭建可視化大屏
目前很多企業(yè)或多或少的面臨“信息孤島”問題，各個系統(tǒng)平臺之間的數(shù)據無法實現(xiàn)互通共享，難以實現(xiàn)一體化的數(shù)據分析和實時呈現(xiàn)。
相比于傳統(tǒng)手工定制的圖表與數(shù)據儀表盤，可視化大屏制作平臺的出現(xiàn)，可以打破抵消的定制開發(fā), 數(shù)據分散的問題，通過數(shù)據采集、清洗、分析到直觀實時的數(shù)據可視化展現(xiàn)，能夠多方位、多角度、全景展現(xiàn)各項指標，實時監(jiān)控，動態(tài)一目了然。
針對以上需求, Dooring團隊設計了一套可視化大屏解決方案, 具體包含如下幾點:
V6.Dooring
可視化大屏數(shù)據自治探索
目前Dooring實現(xiàn)的搭建平臺可以靜態(tài)的設計數(shù)據源, 也可以注入第三方接口, 如下:
我們可以調用內部接口來實時獲取數(shù)據, 這塊在可視化監(jiān)控平臺用的場景比較多, 方式如下:
寫在最后
目前Dooring系列產品還在飛速迭代, 如果你想參與討論/學習/使用, 歡迎關注下方公眾號, 進入Dooring低代碼可視化交流群. 點擊右下角
閱讀原文, 立即體驗!