• .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

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

  • 相关阅读:
    多线程,超时处理
    多线程,超时处理
    多线程,超时处理
    如何使用vue2搭建ElementUI框架
    pip 报错 ssl_.py:339: SNIMissingWarning: An HTTPS request has been made, but the SNI
    从单机到2000万QPS: 知乎Redis平台发展与演进之路
    OAuth2和JWT
    收集统计信息 不会更新DDL时间
    Python爬虫入门教程 8-100 蜂鸟网图片爬取之三
    Python爬虫入门教程 7-100 蜂鸟网图片爬取之二
  • 原文地址:https://www.cnblogs.com/mosakashaka/p/12609321.html
Copyright © 2020-2023  润新知