.net blazor学习

.net blazor是.net中的有一个生态系统,用于构建web应用。
Blazor workshop是.net blazor的一个教学应用,项目地址是这里https://github.com/dotnet-presentations/blazor-workshop)。
相比官网的教学示例,这个示例应用更加复杂也更加有趣一些。

Blazor技术本身有些类似razor,用于开发spa这样的网页应用。
blazor与razor一个区别是他的页面可以用c#编写逻辑,利用了c#的强大功能,同时也保留了和js交互的能力。

运行blazor应用时,可以看到网页会下载.net的一些库,这里我对它的原理并未深究,但是猜想应该是通过浏览器解析运行.net部分的一些功能。

这个例子分了11讲。

  1. Get bits installed and build your first Blazor app。blazor环境的初始化和安装
    1 Get started with components, create the app layout。blazor基本概念,页面格式,布局系统。
  2. Add customized pizzas to orders。创建了一个弹框,介绍了组件间的交互
  3. Show order status。blazor的一些额外页面语法、交互,控件。
  4. Refactor state management。状态维持,通过DI注入一个类。
  5. Checkout with validation。页面提交校验,包括服务器端和client端。
  6. Authenticate users and authorize access to order status。授权和认证,这里用了twitter的认证集成。
  7. Track order status on a real time map。页面集成了地图显示实时配送信息。
  8. Create and use components with template parameters。创建了blazor类库,可重复使用的模块。
  9. Progressive Web App (PWA) features。利用网页安装应用技术,实现独立应用显示,推送通知等功能。这一张让我认识到真的有点落后时代了,现在web技术变得越来越强大。
  10. Deploy your app to Azure。部署到azure,国内不能免费试用了似乎,我就没试。

通过web安装的应用后的应用样子,很接近原生了,功能很强大(虽说不完全是blazor的功劳):

BlazorPizzaApp

总的来说,看完以后对这个框架还是很喜欢的。

posted @ 2020-03-31 22:48  mosakashaka  阅读(633)  评论(0编辑  收藏  举报