首页 文章详情

.NET 跨平台应用开发动手教程 |用 Uno Platform 构建一个 Kanban-style Todo App

DotNet NB | 431 2022-07-09 21:40 0 0 0
UniSMS (合一短信)

作者:Steven Giesel

翻译:Alan Wang

校对:李卫涵 – 微软 MVP

排版:Rani Sun


有什么比参考包含分步说明和代码示例的动手教程更好的学习新技术的方式呢?当你完成或 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-platform 和 GitHub discussions 联系我们的工程团队。

Discord – Channel #uno-platform

https://discord.com/invite/eBHZSKG

GitHub discussions

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


推荐阅读:
  API 工程化分享
  我的微软 MVP 之路
【译】ASP.NET Core 6 中的性能改进
【译】.NET 7 预览版 1 中的 ASP.NET Core 更新
【译】C# 11 特性的早期预览

点击下方卡片关注DotNet NB

一起交流学习

▲ 点击上方卡片关注DotNet NB,一起交流学习

请在公众号后台

回复 【路线图】获取.NET 2021开发者路线图
回复 【原创内容】获取公众号原创内容
回复 【峰会视频】获取.NET Conf开发者大会视频
回复 【个人简介】获取作者个人简介
回复 【年终总结】获取作者年终总结
回复 加群加入DotNet NB 交流学习群

长按识别下方二维码,或点击阅读原文。和我一起,交流学习,分享心得。


good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter