![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ASP.NET Core Blazor
ASP.NET Core Blazor相关
bdbox@qq.com
资料
展开
-
Blazor中使用impress.js
在Blazor中,几经尝试,用以下方法可以实现。你想在浏览器中做PPT吗?比如在做某些类似于PPT自动翻页,局部放大之类,炫酷无比。3、在OnAfterRenderAsync(bool firstRender)中调用。2、创建一个javascript函数来初始化。1、在启动页中静态引用javascript。impress.js是什么?原创 2024-01-11 13:02:05 · 480 阅读 · 0 评论 -
EFCore8泛化关系在数据库中的体现
如图,在关系数据库中,数据表达为一张表,用一个字段“Discriminator”来做区分:原创 2024-01-04 16:08:29 · 531 阅读 · 0 评论 -
Bootstrap Blazor中的富文本编辑器(Editor)如何禁用?
我同时定义了onmouseover="disableSummernote()" onmousedown="disableSummernote()"两个。Bootstrap Blazor的富文本编辑器(Editor)没有直接提供disable功能,不能在“仅预览”富文本。Bootstrap Blazor是一套件balzor开源的控件(组件)库。不知道还有没有其它办法。原创 2023-12-13 17:53:33 · 758 阅读 · 0 评论 -
如何在blazor项目的global.json中设置sdk版本
3、使用Visual Studio创建global.json文件。视图-其他窗口-程序包管理控制台(在项目上,右键,在终端打开)2、检查是否已安装.NET。1、检查当前.NET版本。原创 2023-06-14 10:37:04 · 153 阅读 · 0 评论 -
自反关联的EFCore实现注意事项
这样一个类图,在映射到代码的时候(使用EFCore),如何解决1:1的问题。原创 2023-04-25 18:22:55 · 118 阅读 · 0 评论 -
ASP.NET Core Blazor: 两种IJSRuntime依赖注入的方式
此时,2)就可以像 1)一样注入到普通页码或者组件中了。原创 2023-04-06 15:37:04 · 576 阅读 · 0 评论 -
ASP.NET Core Blazor:配置文件
有些配置项需要写在配置文件中,此时就需要用到配置文件。分为针对项目开发的和一般的配置文件,在此处进行配置。原创 2023-03-11 14:32:31 · 157 阅读 · 0 评论 -
ASP.NET Core Blazor:发布
FDD:Framework-dependent,服务器需要预先安装Framework。SCD:Self-contained,已经自包含,不需要预先安装Framework。原创 2023-03-09 17:10:43 · 142 阅读 · 0 评论 -
ASP.NET Core Blazor:Razor 指令
如果需要更多代码,请使用 @code 指令添加多个语句(用括号括起来)Razor指令是用于在 HTML 中添加 C# 内联的组件标记。可使用@()来添加一个与 HTML 内联的 C# 语句。原创 2023-03-07 22:06:21 · 114 阅读 · 0 评论 -
ASP.NET Core Blazor页面传递参数
【代码】ASP.NET Core Blazor页面传递参数。原创 2023-03-06 21:49:15 · 3750 阅读 · 0 评论 -
ASP.NET Core Blazor与JavaScript 互操作(相互调用)
InvokeAsync(String, Object[])异步调用指定的 JavaScript 函数,有返回值。InvokeVoidAsync(String, Object[]) 异步调用指定的 JavaScript 函数,没有返回值。1)C#调用JS,需要依赖注入IJSRuntime(默认已经包含了),只能在组件或者页面中进行调用。原创 2023-03-04 10:19:17 · 1178 阅读 · 0 评论 -
ASP.NET Core Blazor 将代码和页面分开
【代码】ASP.NET Core Blazor 将代码和页面分开。原创 2023-03-03 21:31:33 · 230 阅读 · 0 评论 -
ASP.NET Core Blazor 组件参数2
也可以传入字段作为组件的参数,这样就可以传递多参数了。原创 2023-03-02 21:55:06 · 120 阅读 · 0 评论 -
ASP.NET Core Blazor 组件参数1
Counter定义了一个参数Message,可以在调用该组件时传入参数。如下定义一个组件(页面?)Counter,并在页面index中调用。组件参数就是给自定义的组件设定的参数。OnParametersSet事件。注意:设置参数后,会触发组件的。原创 2023-03-01 22:04:47 · 121 阅读 · 0 评论 -
ASP.NET Core Blazor数据绑定2@bind与@bind-Value
bind将表达式的当前值与 value 特性关联,并使用注册的处理程序处理更改。这个针对的是一般的html组件。@bind-Value针对的是一般的Blazor内置的组件,要结合。原创 2023-02-27 21:05:53 · 932 阅读 · 0 评论 -
ASP.NET Core Blazor数据绑定
数据绑定就是前端显示(页面元素的值)与后端数据(C#代码)是联动的。可以是单向的(后端影响前端)也可以是双向的(前后端相互影响)。其中,@变量名 是引用后端变量,razor语法。可见,前端输入内容,后端直接发生变化了。后端code中改变了,前端就会受影响。前端输入什么值,后端都不会发生变化。原创 2023-02-25 20:59:14 · 371 阅读 · 0 评论 -
ASP.NET Core Blazor对编写组件的要求
在.razor中文件中(包括页面和组件)不能使用标签不能是 testComponent,只能是TestComponent。首写字母必须是英文大写,否则会报错。"而是"/Page/test"不是"/Page/test。原创 2023-02-24 19:07:46 · 76 阅读 · 0 评论 -
ASP.NET Core Blazor宿主模型的比较
Blazor Server(SSR):服务器端来执行业务逻辑操作,然后通过signalR进行局部更新,然后交由客户端来渲染。Blazor有两种宿主模型(两种模式),Blazor Server(SSR)和Blazor WebAssembly,优势:不需要连接服务器端就可以完成业务逻辑,充分利用的客户端资源,甚至不需要连接网络。Blazor WebAssembly:由客户端实现编译和执行代码,业务逻辑在客户端。优势:利用服务器端的硬件资源和网络资源,业务逻辑由服务器端来处理。缺点:可能会导致服务器端性能下降。原创 2023-02-23 17:38:32 · 288 阅读 · 0 评论 -
ASP.NET Core Blazor基础知识:管道
在program.cs中,使用WebApplication创建中间件管道。概念:处理blazor应用对http的请求是如何进行响应的。是通过调用各类中间件来完成对请求的响应,注意是有顺序的。原创 2023-02-22 17:31:53 · 83 阅读 · 0 评论 -
ASP.NET Core Blazor前、后端的包(库)管理
用于获取需要用到的前、后端的包(库)可以搜索到需要用到的库。可以搜索到需要用到的库。原创 2023-02-21 17:16:21 · 170 阅读 · 0 评论 -
ASP.NET Core Blazor依赖注入2:实现
在Blazor页面中调用服务。添加服务接口和服务类。原创 2023-02-20 17:31:41 · 152 阅读 · 0 评论 -
ASP.NET Core Blazor依赖注入1:基础
在Blazor应用中,有一些类是很常用的(依赖),可以将这些类(称为服务)放置到一个容器中(注入),在组件或者页码中根据需要调用。而对这些类的生存期的管理,可以交给容器来做。题外:与静态变量不同的就是生存期的和对依赖的统一管理。不过,只能在组件和页面中使用不利于OOD。在注入的时候,可以指定为接口,这样就脱离的具体实现(反转),减少代码的修改给主程序带来影响。整个应用程序生命周期内只创建一个实例,该实例在需要它的所有组件间共享。服务的实例时,它都会接收该服务的新实例。每一个Request创建一个实例。原创 2023-02-18 07:22:37 · 205 阅读 · 0 评论 -
ASP.NET Core Blazor生命周期:组件
Razor组件生命周期事件处理关联的 C# 方法的说明,本部分内容来源于argoZhang的视频,地址是这里:原创 2023-02-16 20:12:41 · 100 阅读 · 0 评论 -
HTML(DOM)加载顺序
HTML(DOM)加载顺序与生命周期原创 2023-02-14 22:31:33 · 200 阅读 · 0 评论 -
ASP.NET Core Blazor WEB的简单原理与Blazor的要达到的目标
blazor要达到的目标,就是充分利用局部刷新的技术,取得javascript,用C#代码(不用js)就可以实现与界面元素的交互,从而实现逻辑的一致性。在客户端,浏览器通过url获取到html(文本),将html解析成可视的页面元素。在客户端,通过交互提交新的请求(可以传递文本形式的内容,如json),由服务器端去响应,然后重复上述过程。在客户端,如果不想整个页面都刷新,就需要用到局部刷新技术。看,这是官方的代码示例,一句javascript都没用到。在服务器端,(由代码)创建html(文本)。原创 2023-02-13 12:02:22 · 256 阅读 · 0 评论 -
ASP.NET Core Blazor生命周期1:一般页面2
这里要理解,Blazor Page都是局部刷新的。在进行代码编写后,可以调用StateHasChange进行强制刷新。另外,在EventCallBack中,它是自己已经内置调用了,没必要再写一次出来。ShouldRender:禁止UI刷新。StateHasChanged:强制刷新。很显然,为了性能,一般来说要尽量少用。原创 2023-02-10 07:32:42 · 298 阅读 · 0 评论 -
ASP.NET Core Blazor生命周期1:一般页面1
OnAfterRender/OnAfterRenderAsync是对组件渲染呈现后发生,也就是说,如果你的javascript脚本需要调用到页面元素(显然,肯定是需要的),在此方法中调用才是合适的。以Async的结尾的方法,是异步方法。同步和异步:同步是顺序执行,等待上一个执行完成后,再执行下一个。原创 2023-02-09 20:26:21 · 96 阅读 · 0 评论 -
ASP.NET Core Blazor级联值和参数3关于生命周期
在设置根组件参数时,会触发叶组件的OnParametersSet事件,但是不会触发OnInitialized,毕竟,是“设置了参数”。原创 2023-02-08 07:28:52 · 123 阅读 · 0 评论 -
ASP.NET Core Blazor级联值和参数2层次级联
多层级联,级联中又加级联,多层结构。问题2:如果有多层传递,可以获取到根参数吗?Counter能引用到Index吗?问题1:可不可以传递多个值?为了区分不同的级联值,需要给。原创 2023-02-07 23:04:48 · 334 阅读 · 0 评论 -
ASP.NET Core Blazor级联值和参数1基本用法
在子组件中,使用 [CascadingParameter] 特性来声明级联参数。解释:Blazo里在父组件给子组件无限级别的传递参数的方法,方便子组件调用。使用CascadingValue组件提供级联值,并包裹需要级联的子组件。官方:将数据沿组件层次结构从祖先组件向下流向任意数量的后代组件。其中,Value="..."为其属性值。可见,父组件的引用给传递下去了。原创 2023-02-06 19:57:55 · 486 阅读 · 0 评论 -
使用VSCode进行Blazor开发常用命令【.net core 8.0】
(利用模板)创建新的Blazor应用程序(先要创建并定位到相应文件夹)创建ToDo组件到Pages目录。运行应用程序(+热重载)原创 2023-02-05 22:46:18 · 810 阅读 · 0 评论 -
ASP.NET Core Blazor DynamicComponent传入参数
DynamicComponent组件能够让我们在同样的组件中,显示不同类型的组件。并且,支持传入多个参数。在实际使用中需要注意:1. 可支持任意类型的组件赋值;2. 传入参数,相当于给组件赋值,在被传入的组件中,通过this.Attributes.TryParse()解析;3. 会触发OnParametersSet 和 OnParametersSetAsync ,因此可以在这两个方法中做一些工作;原创 2023-02-03 21:30:34 · 211 阅读 · 0 评论