.NET 跨平台应用开发动手教程 |用 Uno Platform 构建一个 Kanban-style Todo App
作者:Steven Giesel
翻译:Alan Wang
校对:李卫涵 – 微软 MVP
排版:Rani Sun
有什么比参考包含分步说明和代码示例的动手教程更好的学习新技术的方式呢?当你完成或 fork 本教程后,你将得到这样一个应用程序:
Steven Giesel 最近发布了一个由5部分内容组成的系列,记录了他首次使用 Uno Platform 构建应用程序的经验。跟随他的步骤,他将带你搭建 Uno Platform 环境,讲述他对此平台的看法,最后是一个动手演示,构建一个运行在浏览器、桌面或移动端的 Kanban-style Todo 应用程序!
第一部分
作为一名新用户,Steven 学习了 Uno Platform 的基础知识,包括该平台与 .NET MAUI 的区别。通过对 Uno Platform 的基本了解,第一部分进一步提供了在开发小型跨平台应用程序之前设置开发环境所需的基础知识,
第二部分
第二部分主要侧重于实现应用程序的第一个功能,以便能够添加你的第一个 To-do事项。这一部分开始展示 Uno Platform 平台自身,以及代码和需求是怎样的简单上手。
- 需求:Todo 事项的基本信息
- 领域对象
- 泳道图
- 添加 Todo 事项
第三部分
有了可用的基本结构,第三部分深入实现允许用户交互所需的更改。此外,通过实现适用于所有平台的模式对话框,将允许用户输入他们想要跟踪的 Todo 事项的基本信息。
第四部分
第三部分会完成一个表格,该表格同时也验证了此模型生效。Steven 从上一部分停下的地方继续,开始创建一个 ViewModel,为接下来的部分打下基础。
第五部分
第五部分介绍了如何拖放,如何保存以及如何加载状态的最终实现。从审美角度来说,此应用程序很简单。但最重要的是,我们有了一个功能完备的 to-do app,可以使用相同的源代码在所有平台上使用。最后,Steven 真诚回顾了他使用 Uno Platform 的体验,作为这个系列的结束。
此 Todo-App 的 GitHub repository:这里
如果你有任何有关 Uno Platform 的问题、功能需求或 issue,可以在 Discord – Channel #uno-platform和 GitHub discussions联系我们的工程团队。
.NET 跨平台应用开发动手教程 |用 Uno Platform 构建一个 Kanban-style Todo App的更多相关文章
- 微信公众平台开发 - 动手篇。使用weinxinFundation开始一个微信公众平台的开发
本文主要讲解如何使用 weinxinFundation 进行二次开发. 步骤如下: 1.创建新的web项目. 在eclipse里新建一个dynamicly web project,比如本文叫weixi ...
- 开源低代码平台开发实践二:从 0 构建一个基于 ER 图的低代码后端
前后端分离了! 第一次知道这个事情的时候,内心是困惑的. 前端都出去搞 SPA,SEO 们同意吗? 后来,SSR 来了. 他说:"SEO 们同意了!" 任何人的反对,都没用了,时代 ...
- Cordova webapp实战开发:(6)如何写一个iOS下获取APP版本号的插件?
上一篇我们学习了如何写一个Andorid下自动更新的插件,我想还有一部分看本系列blog的开发人员希望学习在iOS下如何做插件的吧,那么今天你就可以来看看这篇文字了. 本次练习你能学到的 学习如何获取 ...
- 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)
通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 ja ...
- (译)cocos2d-x跨android&ios平台开发入门教程
免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...
- 基于Nodejs生态圈的TypeScript+React开发入门教程
基于Nodejs生态圈的TypeScript+React开发入门教程 概述 本教程旨在为基于Nodejs npm生态圈的前端程序开发提供入门讲解. Nodejs是什么 Nodejs是一个高性能Ja ...
- iOS开发入门教程
iOS开发入门教程 http://my.oschina.net/mailzwj/blog/133273 摘要 iOS开发入门教程,从创建项目到运行项目,包括OC基础,调试,模拟器设置等相关知识. iO ...
- java web面试技巧,数据库面试,java web轻量级开发面试教程
我最近看到一本比较好的讲java web方面面试的书,java web轻量级开发面试教程. 其中不仅用案例和视频讲述了Spring MVC,Hibernate, ORM等方面的技巧,而且还实际讲到了面 ...
- Java web轻量级开发面试教程读书笔记:数据库方面,如何准备面试
如果在面试或与资深人事交流的过程中,你能有效合理地展示出本章所给出的一些知识点,那么对你的评价就会是"对数据库有深入了解",甚至能加上"有设计数据表的经验",即 ...
随机推荐
- 我用13行摆烂了你的oj4
13行代码AC oj4是怎么回事呢?13行代码AC oj4相信大家都很熟悉,但是13行代码AC oj4是怎么回事呢,下面就让小编带大家一起了解吧.13行代码AC oj4,其实就是13行代码AC oj4 ...
- vue2 sass主题一键修改功能
1.先创建一个 _theme.scss文件 作为各类主题颜色的整理 $themes: ( light: ( //字体 font_color1: #414141, font_color2: white, ...
- Css实例之信息提交
代码实例: <!DOCTYPE html><html><head><meta charset="UTF-8"><title&g ...
- Fail2ban 安装Fail2ban到Ubuntu
系统版本:Ubuntu 16.04.5 LTS 软件版本:fail2ban-0.9.3 硬件要求:无 1.安装Fail2ban root@local:~# apt-get update root@lo ...
- Vue问题
vue问题 #(1)vouter的addRoutes方法---用户权限 //自定义添加路由方法,防止重复添加路由 #使用后 路由结构 const user = () => import('../ ...
- ES6 - promise(3)
上一篇熟悉了promise的具体过程: promise的过程: 启动异步任务 => 返回promise对象 =>给promise对象绑定回调函数(甚至可以在异步任务结束后指定多个). 从p ...
- tf.data(二) —— 并行化 tf.data.Dataset 生成器
在处理大规模数据时,数据无法全部载入内存,我们通常用两个选项 使用tfrecords 使用 tf.data.Dataset.from_generator() tfrecords的并行化使用前文已经有过 ...
- 一文get到SOLID原则的重点
最近没事再次翻开<敏捷软件开发:原则.模式与实践>看,发现以前似懂非懂的东西突然就看懂了,get到了讲的重点. SOLID(单一职责原则.开放-封闭原则.里氏替换原则.接口隔离原则以及 ...
- SAP Web Dynpro-使用服务调用
创建服务调用后,功能模块可用于组件. 现在可以选择一个视图,以便在浏览器中显示数据库表的元素. 如果全局控制器不是组件控制器,则必须为所选视图的控制器输入全局控制器的使用页面. 之后,应该有该节点的映 ...
- SAP Using Text Modules in Adobe Forms
In this demo we will create an adobe form which displays text in two different languages (English or ...