分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:51:08

SignalR技术的介绍您可以参考官方文档，后期我们也会给大家整理这个部分，目前您可以去这里看一下：https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore-5.0 关于SignalR技术在Blazor Server部署中是一个必须的技术，在Blazor Serer中渲染处理在服务端繁盛，同时服务端还有预渲染的处理，但是Blazor 的js框架在客户端会通过SignalR技术和服务端进行通讯从而完成组件的更新，事件的监听等等工作，所以Blazor Server是离不开SignalR技术的，但是对于Blazor WebAssembly不是这样的，Blazor WebAssembly运

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:40:06

今天我们来学习一下Blazor应用的错误处理。 关于本章我们需要从如下几个方面来学习： Blazor WebAssembly和Blazor Server在错误处理上有什么不同点。 Blazor框架默认预置哪些错误处理的配置和方法 异常和错误处理的一般方法。 错误和异常在Blazor应用哪些地方会出现。 详细的阐述每个出现错误或者异常该如何处理。

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:32:12

关于Blazor Server的日志配置和使用，您可以参考文档: https://docs.microsoft.com/en-us/aspnet/core/fundamentals/logging/?view=aspnetcore-5.0 Blazor WebAssembly日志配置 基于WebAssembly的日志配置，我们目前有两种配置方法，一种是使用配置文件来配置，关于Blazor的配置，您可以参考文章： 配置文件wwwroot/appsettings.json:

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 21:05:09

由于WebAssembly主要运行在浏览器端(也即客户端), 因此针对于WebAssembly来说，不能像基于Blazor Server形式来判断环境。由于基于Webassemlby的应用可以使用基于ASP.net Core的服务host形式，或者是直接使用Web服务器静态来的Host，因此对于基于WebAssembly部署的应用判断环境最有利的方法是通过对于HTTP的header变量来设定是最有力，我们也是采取这种做法，在HTTP通讯时的头部加上一个参数：blazor-environment， 来指定应用是运行在什么环境下，例如是Production环境还是Development环境。 举一个例子，加入你是使用IIS Host WebAssembly的应用，那么如下就是通过

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 20:59:14

Blazor是基于ASP.net Core的框架来开发的，因此Blazor的依赖注入当然也是在ASP.net Core的依赖注入的基础上开发而来的，如果你想深入的了解依赖注入的基本理论，目前你可以在网上找一些专业点的资料来学习一下，之后我也会在重新学习ASP.net Core的框架的时候重新在回顾一下依赖注入的理论知识，不过如果你等不及，你可以先看一下ASP.net Core的依赖注入： https://docs.microsoft.com/en-us/aspnet/core/fundamentals/dependency-injection?view=aspnetcore-5.0 不过对于依赖注入有几个基本的知识点需要有概念： 依赖注入的使用范围:SingleTon, Sco

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-25 20:48:56

关于Blazor应用的配置，我们需要按照部署模型来分别讨论，这其中基于Server部署的模型其配置模型和ASP.net Core的常规应用是一致的，这个部分，您可以参考ASP.net Core的官方文档： https://docs.microsoft.com/en-us/aspnet/core/fundamentals/configuration/?view=aspnetcore-5.0 本章主要讨论基于WebAssembly模型部署的配置讨论，以下所有的内容都是基于WebAssembly部署模型。 配置文件 配置文件的位置默认在wwwroot下： Wwwroot/appsettings.json Wwwroot/appsettings.{ENVIRONMEN

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 23:01:00

今天我们开始详细的从微软的官方文档中半翻译半加入自己的理解顺着将微软Blazor的官方文档学习的经历记录在这一系列的文章里，以供大家学习和参考。 今天我们来讲一下Blazor的基础之一路由： 前面我们说过了Blazor是基于组件来编程的，需要注意的是在Blazor里有两种组件，一种是带有路由功能的组件，另外一种不具备路由功能的组件，要想理解路由组件，我们先需要理解Blazor应用的架构是什么样子的。 我们之前的文章中也有谈到过这个问题，每个Blazor应用都是从Program.cs 主类开始，在该类中的Main方法初始化Host，然后由host引入Blazor应用中的主要组件App.razor, 其中的分别是基于WebAssembly是直接从wwwroot/index.ht

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 22:07:32

之前我们已经使用Blazor Server的部署模式创建了一个简易的代办事件列表，今天我们使用SignalR技术+Blazor WebAssembly部署模式+ASP.net Core 服务端创建一个简易的聊天室，虽然这两个教程都非常简单，基本上由dotnet 工具和框架完成了大部分的工作，但是这两个实例的开发基本上描述了使用Blazor技术开发一个应用的所有的技术要点，希望大家能够认真理解这些基础的知识点，在完成这两个教程之后，后期我们会将Blazor编程中技术要点会一一给大家满满讲解，同时技术要点完成了之后，我们会根据Github上的一个项目整理一个较为深入的教程，帮助大家尽快的能够上手使用Blazor技术。 对上一个教程不是太了解的同学可以参考如下链接（本教程不在叙述技

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Blazor   ◆ 发布于: 2023-05-21 21:44:07

桌面开发、安卓ios开发对于很多用户来说都是成本很大的选项，因为一个项目需要花多几份的钱，例如你不得不要花安卓开发维护的钱，iOS开发维护的钱，还有网站开发维护的钱，然而自己的项目并不是那么吃资源，或者高大上的项目，无非都是增删查改这些最为基础的业务的组合。有没有新技术可以解决这类的问题？以前想着在web app里就画个框框，框框里的内容都走html5, 如今有了PWA，框框也不要画了，还能省省发行渠道费用，技术上是一个很值得考虑的选项。 前面我们介绍了什么是Blazor, 以及Blazor的两个Hello World应用，一个基于WebAssembly技术，一个是基于Server技术，没有看过介绍的同学可以快速的通过如下的链接回顾一下：

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #Blazor   #Web   #.Net   ◆ 发布于: 2023-05-21 21:29:18

Razor 语法混合了C#代码，HTML标记。一般情况下Razor 文件以cshtml作为扩展名，或者在Blazor的Razor 组件中以razor作为扩展名。 语法 Razor以字符@从HTML转换到C#, Razor会运行C#表达式，并输出HTML内容。同时需要注意当在Razor中以@+Razor保留关键字，它会转到Razor特定的标记，否则是转到换到普通的C#代码。 为了在Razor标记中对字符@逃逸，我们需要使用两个@, 例如: <p>@@Username</p> 在Razor输出如下结果: <p>@Username</p> 在HTML 标记的属性和标记内容中使用电子邮件地址，不会对字符@进行转义: <ahref="mailto:S