Blazor学习记录_10.C#和JS互操作_访问WEB API
摘要:23.C#和JS互操作 23.1 C#调用JS,使用IJSRuntime js代码: <button onclick="javascript:alter("提示信息")">点我弹出提示</button> C#调用JS:JsInteractive.razor页面代码,InvokeVoidAsync()
阅读全文
posted @
2024-03-31 19:33
hrx521
阅读(91)
推荐(0) 编辑
Blazor学习记录_9.预呈现_渲染树
摘要:22. NET8中的预呈现 预呈现是在服务器上初始呈现页面内容的过程(无需为呈现的控件启用事件处理程序)。服务器会根据初始请求尽快输出页面的HTML UI,这会让用户感觉应用提高了响应速度。预呈现还可以通过呈现搜索引擎用于计算网页排名的初始HTTP响应的内容,来改进搜索引擎优化(SEO) https
阅读全文
posted @
2024-03-31 18:31
hrx521
阅读(226)
推荐(0) 编辑
Blazor学习记录_7.模版化组件_渲染模式
摘要:17.模版化组件 在组件中放置一个可渲染的代码片段供外部调用者来传入要渲染的内容及渲染样式,这样的组件就叫做模版化的组件。一般是一个支持泛型的组件,目标为消费者封装重复使用的通用性良好的UI组件。比如一个用来给用户呈现表格数据的表格组件。 示例组件 GenaricTable.razor 代码如下:
阅读全文
posted @
2024-03-26 20:41
hrx521
阅读(256)
推荐(0) 编辑
Blazor学习记录_6.组件生命周期_组件的泛型支持
摘要:15.组件生成周期,已由ComponentBase默认实现 1.设置参数前 SetParameterAsync 2.初始化 OnInitialized/OnInitializedAsync 3.设置参数后 OnParameterSet/OnParameterAsync 4.通知组件渲染 StateH
阅读全文
posted @
2024-03-25 20:39
hrx521
阅读(103)
推荐(0) 编辑
Blazor学习记录_5.表单和验证_EditForm_EditContext
摘要:12.表单和验证 表单几件套——EditForm 组件 0. 验证特性标签或说注解 [Required] 命名空间 System.ComponentModel.DataAnnotations 其作用在模型类的属性前面。 还有其他: [Required(ErrorMessage="名称不能为空")]
阅读全文
posted @
2024-03-24 18:26
hrx521
阅读(143)
推荐(0) 编辑
Blazor学习记录_4.组件状态向外传递_组件的任意参数(或说属性)
摘要:11.组件状态向外(消费者端)传递--自定义组件与消费端变量之间实现双向绑定 这也实现了从子组件到父组件的状态传递。 1.定义一个数据类型为T的参数。 2.再定义一个 参数名+[Changed]为名称,EventCallback结构类型的参数。注意T类型要和第一步中的参数数据类型T相同。 3.定义一
阅读全文
posted @
2024-03-20 19:07
hrx521
阅读(91)
推荐(0) 编辑
Blazor学习记录_3.模版页_数据绑定
摘要:9.模版页 思想:在多个页面之间切换时常常是大部分内容固定,而只有少部分内容在切换后是不同的,这时我们就想,把相同的部分做为所有页面可复用的一个模版,这就是模版面要解决的问题。 1.在路由组件中指定默认模版页 在Blazor路由组件中,路由视图组件中有一个叫 DefaultLayout 的参数,该参
阅读全文
posted @
2024-03-19 11:27
hrx521
阅读(57)
推荐(0) 编辑
Blazor 学习记录_2.组件参数_导航参数_级联参数_事件和事件参数
摘要:5.组件的参数 参数必须是一个C#属性,前面用[parameter]标签 当自己写的组件需要支持调用者在开始和闭合标签之间写文本时,则必须写一个名称叫 ChildContent 的约定参数,类型为RenderFragement? 。 如果像上一步一样组件已经有了事先约定名称为 ChildConten
阅读全文
posted @
2024-03-17 17:58
hrx521
阅读(234)
推荐(0) 编辑
Blazor学习记录-1.Razor语法补漏_Razor组件_项目结构和路由组件
摘要:声明:以下学习记录基于B站Up主"叫我Teacher周"的Blazor教学视频。 这位大佬的B站地址是:https://space.bilibili.com/626253649 2.Razor语法补漏 指令 @page "/razor" @page "/razor1" @attribute [Sys
阅读全文
posted @
2024-03-14 11:20
hrx521
阅读(151)
推荐(1) 编辑