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