如果用ChatGpt給OpenTiny官網設計頁面會怎樣?

語言: CN / TW / HK

聽説華為雲最近新開源了一個組件庫項目,叫OpenTiny。作為一個編程愛好者和對組件庫有使用需求的程序猿來講,必須要看看這個OpenTiny到底有什麼不一樣,讓我立馬打開了OpenTiny官網一看究竟。

首先大概瞭解到OpenTiny 是一套華為雲出品的企業級組件庫解決方案,適配 PC 端/移動端等多端,涵蓋 Vue2 / Vue3 / Angular 多技術棧,擁有主題配置系統 / 中後台模板 / CLI 命令行等效率提升工具,可幫助我們開發者高效開發 Web 應用。

首先能看到這個組件還是非常豐富的,如果不斷迭代優化,應該後面也會陸續更新更多,

聽説這個項目也是經過九年持續打磨,服務於華為內外部上千個項目,千錘百煉,如果真的是這樣,想必用起來也是一個穩定可靠的組件庫。

進入OpenTiny官網後發現這個頁面主要是採用了四種色系,有天空藍、極客黑、清爽白、松石綠,據説這個也是結合了華為雲設計規範、El行業設計、軟件雲設計還有其他視覺主題。整體看上去給人一種很清爽的感覺。

同時進入OpenTiny官網後,發現裏面一共有三個項目包含TinyVue、TinyNg和覆蓋前端開發全流程的腳手架工具TinyCLI,同時也包含主題配置系統TinyTheme和管理系統模板TinyPro。這幾個板塊基本上就能解決目前咱們前端開發者遇到的一些棘手的問題了

比如多終端需要多次開發:關鍵業務數據和審批流程,無法通過移動設備便捷地查看和操作;

多技術棧導致能力無法複用:不同業務部門可能採用不同技術框架,框架之間多不兼容,能力很難有效複用。

框架大版本升級工作量大:框架版本可能出現破壞性變更,相應的UI組件庫也需要升級,升級工作量巨大,容易造成業務連續性問題。

低碼系統缺乏配置式組件:業界UI組件庫適配低碼平台工作量大,無法有效支持越來越流行的低代碼、無代碼平台的開發。

社區管理系統模板匱乏:不同行業和領域有不同的典型業務場景,業界缺乏對典型場景的支持。

説起這些問題,咱們就可以具體來看看,首先是TinyVue組件庫,它滿足跨端、跨版本全場景需求,一套代碼支持移動端、平板、PC、大屏等多端場景,讓業務流程更加便捷高效;當然還有TinyNg組件庫,組件也是相當豐富,性能超高,涉及海量數據的組件(Select、Tree、Table等),內置虛擬滾動,保持絲滑穩定。據説OpenTiny是通過Renderless技術架構,實現多框架共用一套API,框架切換輕鬆自如;多框架共享組件能力和API,實現無痛升級,保障業務連續。然後還有TinyPro可以及時開箱即用,其中包含中後台業務模板和雲服務控制枱業務模板,同時功能強大,支持佈局配置、響應式、主題定製、國際化等功能,提供表格、表單、列表、圖表等20多種豐富的典型頁面和業務組件。接着還有覆蓋前端開發全流程的CLI工具,兼容 windows、mac、linux 三個平台,提供從標準項目生成、開發、調試、測試、質量規範檢查等工具,無需手動安裝和升級插件,一切都是自動化完成。

目前對於OpenTiny這個開源項目,我目前還是處於體驗和使用的階段,後續會持續輸出體驗上的一些內容。

最近國外的ChatGpt的爆火,在各個行業都引起了不小的風浪,大家逐漸開始憂心忡忡,會不會被AI機器人給取代。在此突然有個想法,如果OpenTiny官網讓AI去做,會設計成什麼樣的,可以幫助我們開發者快速的定義問題並找到解決方案嗎?

我也添加了小助手微信:opentiny-official,有需要也可以一起交流前端技術,一起玩開源。😁

官網:https://opentiny.design/

GitHub倉庫:https://github.com/opentiny/