UIOTOS:一款無門檻的前端0程式碼搭建工具

愛投斯發表於2023-05-07

什麼是UIOTOS?

UIOTOS中文名稱前端大師,是一款基於圖形技術的前端0程式碼工具,支援透過連線巢狀無門檻來搭建各類複雜的的互動介面,包括後臺管理系統、組態資料大屏等,實現跟程式碼開發媲美的效果。

UIOTOS:一款無門檻的前端0程式碼搭建工具
UIOTOS:一款無門檻的前端0程式碼搭建工具

為什麼要做?

前端技術更新快,開發和學習成本高

在軟體開發領域,UI介面開發技術更新迭代最快,層出不窮。以當下流行的WEB前端為例,開發需要了解npm、webpack、react/vue、ES6 語法、ts,此外還有狀態管理、路由等。桌面客戶端開發則門檻更高。

傳統大屏組態不適合搭建複雜功能

工業領域雖然有組態軟體來降低介面展示的開發門檻,但是隨著行業發展,介面的定製化要求越來越高,複雜的互動功能業務邏輯組態軟體難以勝任,要麼透過指令碼程式碼來擴充套件,要麼則定製開發上層管理應用。2D資料視覺化大屏也類似。

低程式碼有使用者門檻,定製擴充套件需開發

低程式碼作為近年來熱門概念,一些平臺可以過後端配置自動生成對應的前端程式碼,實現許可權、組織等基礎功能開箱即用;另一些透過拖拽、配置,實現大部門常見頁面的視覺化搭建,結合一定的程式碼開發實現複雜的、定製化的需求,減少前端頁面開發工作量。

這些確實能大大提升前端UI介面的搭建效率,而複雜的業務邏輯作為大前端/客戶端應用功能的重要組成部分,通常就需要程式碼來定製,元件功能的擴充套件也需要程式碼開發。

此外還有數字孿生低程式碼,暫不展開,UIOTOS目前不適合3D場景0程式碼(詳見不適合哪些場景?)。

有什麼亮點特色?

0程式碼無門檻搭建完整的前端功能

除了最基本的頁面UI佈局設計外,UIOTOS 0程式碼涵蓋了前端開發的其他各個環節,包含互動邏輯介面請求資料解析等,支援漸進式、模組化真正以搭積木的方式,透過拖拽配置逐層巢狀屬性暴露事件穿透連線操作,實現從基礎元件、功能部件到多頁應用從區域性到整體的快速搭建,併相容JQuery/Vue/React等現有WEB生態的開發擴充套件。

除了基礎元件的升級和擴充套件,整個搭建過程通常以滑鼠操作為主,無需瞭解前端開發技術,後端工程師、產品經理、UI設計師、實施工程師等均可上手(詳見對使用者的技能要求?

對於非業務邏輯的特定功能,比如json物件轉換成字串,UIOTOS提供了程式碼塊及函式元件支援,可以將通用功能元件化,交由連線操作輸入、輸出、執行,代替程式碼呼叫。

頁面元件化,支援任意多層巢狀

UIOTOS的鮮明特色是頁面任意巢狀屬性逐層暴露連線賦值操作,這些結合在一起,可以實現0程式碼搭建頁面功能(包含UI介面和業務邏輯)既可以獨立執行使用,也可以作為封裝好的元件被拖放到其他頁面中當成普通元件使用。可以說,在UIOTOS中一切都是元件。

基礎元件通常功能單一,數量有限,業務無關;而0內碼表面搭建的擴充套件元件,則通常功能複雜,數量無限,並且業務相關。

原理上支援定製開發等同的效果

UIOTOS獨特的設計方式,讓0程式碼搭建操作與面相物件的開發思想能形成對照,從理論達到與程式碼定製開發等同的效果。

有軟體開發背景的使用者能更快理解並上手,不限於後端開發、嵌入式開發等。

不適合哪些場景?

UIOTOS 1.0版本0程式碼更多是針對後臺管理系統型別的應用,也包括複雜互動功能的資料大屏、工業組態等。以下場景暫時支援有限:

3D數字孿生0程式碼搭建

UIOTOS底層圖形技術採用了canvas、ht.js,天然支援向量圖形、2D/3D無縫融合。不過並不支援3D場景的0程式碼搭建,需要程式碼編寫實現動畫、互動以及各種定製化的炫酷效果。UIOTOS更多是定位在業務應用方面,透過0程式碼最大化實現vue/reac等前端開發技術程式碼開發等同的效果。

移動端APP、小程式

UIOTOS在UI互動佈局的設計上,對尺寸沒有任何限制,頁支援長頁滑動,也能夠搭建出移動端WEB APP風格的頁面應用。但是目前1.0版主要是為複雜的PC WEB端設計,基礎元件以及佈局支援更加靈活,並未提供針對移動端的版本。因此當下用來搭建移動端頁面應用會顯得比較繁瑣,比如字型、彈窗等不夠友好。需要在後續版本提供移動端針對性的基礎元件和佈局支援。

對使用者的技能要求?

UIOTOS的設計目標是讓前端應用開發成一項為日常辦公技能。

對使用者是否能編寫js程式碼(不要求懂vue/react/webpack等前端開發框架),區分成普通使用者高階使用者

普通使用者

用現成的元件,透過連線、巢狀和屬性配置來搭建定製化的前端應用,無需任何軟體程式設計基礎,當成工具軟體學習培訓即可上手。

高階使用者

可以使用程式碼塊元件,對於當前不支援的功能邏輯,透過編寫js程式碼做處理。處理後形成的元件圖元或者頁面,透過收藏或者經過容器巢狀再收藏後,可給到普通使用者使用。

此外,可以利用現有的web資源,將jquery、vue、react或原生js進行開發擴充套件,將ui元件或者功能邏輯封裝成UIOTOS中的基礎元件,比如gis地圖、文字編輯等,需具備專業web前端開發技術,相當於開發使用者

部署使用方式?

演示地址

地址:ui.aiotos.net

賬號:admin 密碼:123456

離線安裝

離線安裝包獲取,請聯絡下方服務支援!

授權方式:

  • 個人使用者免費試用
  • 企業授權請聯絡諮詢

 

相關文章