用 Uno Platform 構建一個 Kanban-style Todo App

語言: CN / TW / HK

有什麼比參考包含分步説明和代碼示例的動手教程更好的學習新技術的方式呢?當你完成或 fork 本教程後,你將得到這樣一個應用程序:

Steven Giesel 最近發佈了一個由5部分內容組成的系列,記錄了他首次使用 Uno Platform 構建應用程序的經驗。跟隨他的步驟,他將帶你搭建 Uno Platform 環境,講述他對此平台的看法,最後是一個動手演示,構建一個運行在瀏覽器、桌面或移動端的 Kanban-style Todo 應用程序!

第一部分

  • https://steven-giesel.com/blogPost/b2234ada-0978-4c7b-841e-ca6a255247b0

作為一名新用户,Steven 學習了 Uno Platform 的基礎知識 ,包括該平台與 .NET MAUI 的區別。通過對 Uno Platform 的基本瞭解,第一部分進一步提供了在開發小型跨平台應用程序之前設置開發環境所需的基礎知識。

  • Uno Platform:

    https://platform.uno/

第二部分

  • https://steven-giesel.com/blogPost/85814db0-3495-492c-8ce1-5c83d708590b

第二部分主要側重於 實現應用程序的第一個功能,以便能夠添加你的第一個 To-do 事項 。這一部分開始展示 Uno Platform 平台自身,以及代碼和需求是怎樣的簡單上手。

  • 需求:Todo 事項的基本信息

  • 領域對象

  • 泳道圖

  • 添加 Todo 事項

第三部分

  • https://steven-giesel.com/blogPost/a3179d55-d5be-48ba-b570-ee7d494a8b21

有了可用的基本結構,第三部分 深入實現允許用户交互所需的更改 。此外,通過實現適用於所有平台的模式對話框,將允許用户輸入他們想要跟蹤的 Todo 事項的基本信息。

第四部分

  • https://steven-giesel.com/blogPost/2d96d970-ef11-48f4-a102-9339fc362a75

第四部分會完成一個表格,該表格同時也驗證了此模型生效。Steven 從上一部分停下的地方繼續,開始 創建一個 ViewModel ,為接下來的部分打下基礎。

第五部分

  • https://steven-giesel.com/blogPost/2c025ac6-d67f-45ec-a616-009e0285c999

第五部分介紹了 如何拖放,如何保存以及如何加載狀態的最終實現 。從審美角度來説,此應用程序很簡單。但最重要的是,我們有了一個功能完備的 to-do app,可以使用相同的源代碼在所有平台上使用。最後,Steven 回顧了他使用 Uno Platform 的體驗,作為這個系列的結束。

此 Todo-App 的 GitHub repository:https://github.com/linkdotnet/BlogExamples/tree/main/TodoApp

如果你有任何有關 Uno Platform 的問題、功能需求或 issue,可以在 Discord – Channel #uno-platformGitHub discussions 聯繫我們的工程團隊。

  • Discord – Channel #uno-platform:

    https://discord.com/invite/eBHZSKG

  • GitHub discussions:

    https://github.com/unoplatform/uno/discussions

謝謝你讀完了本文~相信你一定有一些感想、觀點、問題想要表達。 歡迎在評論區暢所欲言 ,期待聽到你的“聲音”哦!

同時, 喜歡的內容也不要忘記轉發給你的小夥伴們 ,謝謝你的支持!

長按識別二維碼

關注微軟中國MSDN

點擊「閲讀原文」下載官方 .NET MAUI 文檔 ~