如果用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/