9月21日 TinyEngine 低代碼引擎正式發(fā)布

華為全聯(lián)接大會2023于上海召開，大會以“加速行業(yè)智能化”為主題，涉及制造、教育、醫(yī)療、金融等16個行業(yè)，囊括華為云、數(shù)據(jù)存儲、F5G（第五代固定網(wǎng)絡(luò)）、昇騰AI計算產(chǎn)業(yè)等15個領(lǐng)域。華為全聯(lián)接大會被視為華為最新科技成果和未來發(fā)展方向的契機，為期三天的大會緊扣“智能”二字，智能世界基礎(chǔ)設(shè)施建設(shè)和AI生態(tài)建設(shè)的重要性更加凸顯。OpenTiny 系列產(chǎn)品 TinyEngine 低代碼引擎也在本次大會上正式宣布開源~目的也是希望與更多開發(fā)者一起共創(chuàng)技術(shù)生態(tài)，使能開發(fā)者定制低碼平臺。

內(nèi)容介紹

華為云開源業(yè)務(wù)總經(jīng)理鄧明昆在分論壇演講中提到：云原生技術(shù)以“分布式、松耦合、高韌性”等特征在企業(yè)基礎(chǔ)架構(gòu)升級及應(yīng)用開發(fā)上展現(xiàn)出巨大的價值，越來越多企業(yè)開始基于云原生構(gòu)建面向未來的創(chuàng)新服務(wù)。華為云深耕云原生，堅持開放共享，協(xié)同推動云原生技術(shù)創(chuàng)新與生態(tài)發(fā)展，共創(chuàng)新價值，釋放數(shù)字生產(chǎn)力。

OpenTiny 作為開源的跨端、跨框架、跨版本企業(yè)級前端組件方案，可以幫助開發(fā)者快速構(gòu)建極致體驗的云原生應(yīng)用。在本次大會中，鄧總正式對外發(fā)布了 OpenTiny 子項目 TinyEngine 低代碼引擎。

TinyEngine?低代碼引擎通過接入華為云盤古大模型等各類大模型的強大能力，使得開發(fā)者通過文本交互或者語音對話就可以完成WEB應(yīng)用的開發(fā)，應(yīng)用技術(shù)門檻大幅降低，開發(fā)效率大幅提升，實現(xiàn)企業(yè)應(yīng)用的高效敏捷、極致體驗。

當(dāng)然 TinyEngine 低代碼引擎還有更多核心特性。

例如：

• TinyEngine?可以定制開發(fā)低代碼平臺

• TinyEngine?有開放的物料協(xié)議和拓展接口

• TinyEngine?支持自定義DSL 生成定制的源代碼

• TinyEngine?支持高低代碼混合開發(fā)

• TinyEngine?支持AI輔助開發(fā)

詳情可以看：低代碼引擎 TinyEngine 正式發(fā)布?。?！

9月21日挑戰(zhàn)賽

本次挑戰(zhàn)賽賽題為：使用《TinyEngine 低代碼引擎快速開發(fā)》，旨在通過簡單的拖拽形式，讓開發(fā)者體驗低代碼引擎 TinyEngine 的靈活性和定制性。達到快速開發(fā)的效果。

活動現(xiàn)場的開發(fā)者對 TinyEngine 低代碼搭建非常感興趣，其中有部分開發(fā)者詳細咨詢了低代碼物料和低代碼的使用場景等問題，同時報名參與訓(xùn)練營的開發(fā)者全部完成了訓(xùn)練營任務(wù)，并有一個開發(fā)者在搭建頁面的完成度、搭建速度方面都有不凡的表現(xiàn)，因此也是獲得了優(yōu)勝獎。

9月21日 CodeLabs 訓(xùn)練營

本次訓(xùn)練營主要是讓開發(fā)者體驗《使用 OpenTiny 實現(xiàn) Vue 2項目平滑升級到 Vue 3 項目》，幫助開發(fā)者解決項目遷移工作量大的問題。

現(xiàn)場開發(fā)者對 OpenTiny 組件庫項目很感興趣，照著實驗手冊動手操作的同時，也不忘趁著安裝依賴等待的間隙咨詢 OpenTiny 相關(guān)的信息，比如 TinyVue 組件庫有哪些能力，表格組件是否支持過濾搜索、是否支持父子行數(shù)據(jù)卷積等，表示希望后續(xù)進一步交流，并加入了 OpenTiny 技術(shù)交流群。

9月21日-9月22日掃地僧見面會

本次見面會，華為云前端技術(shù)委員會主任，華為云體驗技術(shù)團隊 Leader 華宇果老師與開發(fā)者圍繞“Web 基建能力建設(shè)“展開了探討。其中主要包含：

1、Web 前端能力：華為云 Web 前端能力建設(shè)全景架構(gòu)。

2、Web 前端技術(shù)選型：基于業(yè)務(wù)場景如何高效構(gòu)建頁面，Web 前端技術(shù)、前端框架、UI 組件庫、微前端方案等技術(shù)選型方案等。

3、低代碼領(lǐng)域：低代碼搭建、可視化搭建等低碼技術(shù)實現(xiàn)，包含物料設(shè)計、Schema 設(shè)計、頁面渲染方式等。

4、前端質(zhì)量領(lǐng)域：前端質(zhì)量保障體系建設(shè)，基于 DevOps 開發(fā)流程中，開發(fā)時、發(fā)布時、現(xiàn)網(wǎng)運行時的多維度工程化體系建設(shè)。

5、前端工程化領(lǐng)域：前端工程化工具建設(shè)方向，包含構(gòu)建工具、構(gòu)建優(yōu)化、CLI 工具、IDE 插件等。

6、性能優(yōu)化領(lǐng)域：移動端頁面、小程序頁面等前端性能優(yōu)化方案，實現(xiàn)頁面秒開。

開發(fā)者們也在此次活動中有不俗的收獲和體驗。

開發(fā)者關(guān)注點

1、低代碼引擎可以支持哪些技術(shù)棧的物料？

答：TinyEngine 使用的物料加載方式是和技術(shù)棧無關(guān) webcomponents 技術(shù)，去兼容不同技術(shù)棧的組件或者區(qū)塊。因此 TinyEngine 實現(xiàn)了跨技術(shù)棧，可以加載 vue、angular、react 等熱門技術(shù)框架的組件庫物料，用戶想用什么樣的組件庫，就導(dǎo)入什么組件庫。

2、低代碼主要用于哪種業(yè)務(wù)場景？

答：比較適合模板化的業(yè)務(wù)場景，可以通過 TinyEngine 的區(qū)塊快速搭建適合自己業(yè)務(wù)場景的模板頁面.例如：PDM 元數(shù)據(jù)電子審批流、Flow 圖元編排設(shè)計器、跨境電商低碼平臺、運維管理平臺等。

3、TinyVue 表格組件是否支持過濾篩選，以及保存過濾器？

答：表格目前內(nèi)置支持表頭過濾，開發(fā)者也可以在操作區(qū)放置自己的搜索框、下拉框，實現(xiàn)表格數(shù)據(jù)過濾、保存過濾器等功能。

4、TinyVue 表格組件是否支持父子行數(shù)據(jù)的卷積？

答：表格支持多層級樹形顯示，支持開發(fā)者自定義業(yè)務(wù)的父子行數(shù)據(jù)卷積邏輯。

5、低代碼引擎 TinyEngine 如何體驗？

答：可以通過 TinyEngine 低代碼引擎官網(wǎng)進行體驗。

TinyEngine 官網(wǎng)：https://opentiny.design/tiny-engine

TinyEngine 源碼：?https://github.com/opentiny/tiny-engine

關(guān)于 OpenTiny

OpenTiny 是一套企業(yè)級 Web 前端開發(fā)解決方案，提供跨端、跨框架的UI組件庫，適配 PC 端 / 移動端等多端，支持 Vue2 / Vue3 / Angular 多技術(shù)棧，擁有靈活擴展的低代碼引擎，包含主題配置系統(tǒng) / 中后臺模板 / CLI 命令行等豐富的效率提升工具，可幫助開發(fā)者高效開發(fā) Web 應(yīng)用。

核心亮點：

• 跨端跨框架：?使用 Renderless 無渲染組件設(shè)計架構(gòu)，實現(xiàn)了一套代碼同時支持 Vue2 / Vue3，PC / Mobile 端，并支持函數(shù)級別的邏輯定制和全模板替換，靈活性好、二次開發(fā)能力強。

• 組件豐富：PC 端有100+組件，移動端有30+組件，包含高頻組件 Table、Tree、Select 等，內(nèi)置虛擬滾動，保證大數(shù)據(jù)場景下的流暢體驗，除了業(yè)界常見組件之外，我們還提供了一些獨有的特色組件，如：Split 面板分割器、IpAddress IP 地址輸入框、Calendar 日歷、Crop 圖片裁切等。

• 低代碼引擎：低代碼引擎使能開發(fā)者定制低代碼平臺。它是低代碼平臺的底座，提供可視化搭建頁面等基礎(chǔ)能力，既可以通過線上搭配組合，也可以通過下載源碼進行二次開發(fā)，實時定制出自己的低代碼平臺。適用于多場景的低代碼平臺開發(fā)，如：資源編排、服務(wù)端渲染、模型驅(qū)動、移動端、大屏端、頁面編排等。

• 配置式組件：?組件支持模板式和配置式兩種使用方式，適合低代碼平臺，目前團隊已經(jīng)將 OpenTiny 集成到內(nèi)部的低代碼平臺，針對低碼平臺做了大量優(yōu)化。

• 周邊生態(tài)齊全：?提供了基于 Angular + TypeScript 的 TinyNG 組件庫，提供包含 10+ 實用功能、20+ 典型頁面的 TinyPro 中后臺模板，提供覆蓋前端開發(fā)全流程的 TinyCLI 工程化工具，提供強大的在線主題配置平臺 TinyTheme。

  
  

歡迎加入 OpenTiny 開源社區(qū)。添加微信小助手：opentiny-official 一起參與交流前端技術(shù)～

OpenTiny 官網(wǎng)：https://opentiny.design/

OpenTiny 代碼倉庫：https://github.com/opentiny/

TinyEngine 源碼：?https://github.com/opentiny/tiny-engine

歡迎進入代碼倉庫 Star??TinyEngine、TinyVue、TinyNG、TinyCLI~

如果你也想要共建，可以進入代碼倉庫，找到?good first issue標(biāo)簽，一起參與開源貢獻~

往期文章推薦

1、低代碼引擎 TinyEngine 正式發(fā)布?。?！

2、必不可少的UI組件一——組件的基礎(chǔ)知識

3、OpenTiny Vue 3.10.0 版本發(fā)布：組件 Demo 支持 Composition 寫法，新增4個新組件

4、前端Vuer，請收好這份《Vue組件單元測試》寶典

5、OpenTiny 前端組件庫正式開源啦！面向未來，為開發(fā)者而生

6、從自研走向開源的 TinyVue 組件庫

7、我要做開源，提交我的第一個PR