什麼是UIOTOS?
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前端開發技術,相當於開發使用者
。
部署使用方式?
演示地址
賬號:admin
密碼:123456
離線安裝
離線安裝包獲取,請聯絡下方服務支援!
授權方式:
- 個人使用者免費試用
- 企業授權請聯絡諮詢