分类:
Blazor入门
◆
标签:
#Asp.Net core基础
#.Net
#Web
#Web Client
#Blazor
◆
发布于: 2023-05-27 9:31:20
今天我们来讨论一下静态文件,这个主要是针对于Blazor Server部署模式的。
但是其实基于WebAssembly中也是可以使用不同的静态文件的,一般的静态文件时放置于wwwroot/中,在这个目录中我们可以防止js文件,CSS文件,以及图片等等。
如果需要在webassembly的项目中引用这些静态文件,只需要在引用中加入静态文件的路径,例如:
<imge src="/image/logo.png"/>
需要注意的是在组件中不支持~/形式的路径。同时在路径中使用"/" 仅仅是代表相对于wwwroot。
为了添加格外的静态文件,我们需要使用FileExtensionContentTypeProvider或者配置StaticOptions
Read more
分类:
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运
Read more
分类:
Blazor入门
◆
标签:
#Asp.Net core基础
#.Net
#Web
#Web Client
#Blazor
◆
发布于: 2023-05-25 21:40:06
今天我们来学习一下Blazor应用的错误处理。
关于本章我们需要从如下几个方面来学习:
Blazor WebAssembly和Blazor Server在错误处理上有什么不同点。
Blazor框架默认预置哪些错误处理的配置和方法
异常和错误处理的一般方法。
错误和异常在Blazor应用哪些地方会出现。
详细的阐述每个出现错误或者异常该如何处理。
Read more
分类:
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:
Read more
分类:
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的应用,那么如下就是通过
Read more
分类:
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
Read more
分类:
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
Read more
分类:
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
Read more
分类:
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技术。
对上一个教程不是太了解的同学可以参考如下链接(本教程不在叙述技
Read more
分类:
Blazor入门
◆
标签:
#Asp.Net core基础
#.Net
#Web
#Blazor
◆
发布于: 2023-05-21 21:57:48
前面我们通过几篇文件介绍了什么是Blazor以及给出了我们的hello Word, 同时介绍了典型的部署Server和WebAssembly模板创建出来的文件结构是什么样的,特别是创建不同的部署模型,应用是如何配置和启用的, 如果您对这些概念还不是很清楚,建议您通过之前的文章复习一下。
今天我们使用基于Blazor Server的部署模型创建一个简单的TodoList应用,虽然这个应用非常简单,但是基本包含了Blazor应用开发的很多要点:
如何定义应用默认的Layout。
如何使用预定义的组件。
如何新建一个自定义的组件。
如何进行数据绑定。
如何监听一个事件。
如何使用单独的CSS,对自定义的组件定义外观。
深入的理解基于Blazor的UI
Read more