Blazor Web APP学习记录

news2024/11/27 10:26:58

目录

    • 1 呈现模式
      • 1.1 静态SSR
      • 1.2 服务器端交互SSR
      • 1.3 客户端交互CSR
      • 1.4 自动交互式
      • 1.5 注意
    • 2 Blazor Web APP项目
    • 3 会话状态

1 呈现模式

参见:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0
Blazor Web App 中的每个组件会采用呈现模式来确定其使用的托管模型、呈现位置以及它是否是交互式的,主要的呈现模式为以下4种:

1.1 静态SSR

静态服务器端呈现,静态页面,无任何交互。

1.2 服务器端交互SSR

组件中定义@rendermode InteractiveServer或使用组件时进行指定@rendermode=“InteractiveServer或RenderMode.InteractiveServerRenderMode.InteractiveServer”

1.3 客户端交互CSR

组件中定义@rendermode InteractiveWebAssembly或使用组件时指定@rendermode=“InteractiveWebAssembly或RenderMode.InteractiveServerRenderMode.InteractiveWebAssembly”

1.4 自动交互式

下载 Blazor 捆绑包后,在后续访问时先使用 Blazor Server 然后使用 CSR 的交互式 SSR。
先服务器,后客户端。
组件中定义@rendermode InteractiveAuto

1.5 注意

1.呈现模式不可交叉使用,比如服务器端交互的父组件不可使用客户端交互的子组件;
2.呈现模式不指定的情况下,会继承父组件的呈现模式;

2 Blazor Web APP项目

新建的Blazor Web APP项目,选择呈现模式为“自动交互式”,项目结构如下:
在这里插入图片描述
“.Client”部分:使用交互式 WebAssembly 或交互式自动呈现模式的组件必须位于 .Client 项目中。
注意:
1.界面可存放在主项目中的“Components/Pages”或“.Client”项目下的“Pages”中,若这两个目录下存在同样导航的界面,则无法定位到相应界面;
2.服务器项目的 Components 文件夹用于保存应用的服务器端 Razor 组件。 共享组件通常放置在 Components 文件夹的根目录中(最好在主项目中),而布局和页面组件通常放置在 Components 文件夹内的文件夹中,共享组件不要在组件中定义呈现模式,应在使用时定义或继承;

3 会话状态

参见:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/state-management?view=aspnetcore-8.0&pivots=server

Blazor WebAssembly和Blazor Server不同且不共用,需要根据项目类型分别进行设置,目前暂时限制Blazor Web APP的使用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2206984.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

torch-npu的配置

1、简单的调用npu import torch import torch_npu x torch.randn(10000, 10000).npu() y torch.randn(10000, 10000).npu() for _ in range(10000):z x.mm(y) 这个代码的出现就会导致,核心使用99%,显存| 1633 2、安装torch-npu 安装方法看官网介绍…

npm使用时报错:Could not retrieve https://npm.taobao.org/mirrors/node/index.json.

在使用npm时报错,报错信息如下: 报错的原因:是原来的淘宝镜像地址过期了 解决办法:修改镜像地址。打开nvm的安装地址 -->settings.txt文件 -->配置下载源 1、将settings.txt文件中的 node_mirror: https://npm.taobao.or…

机器学习可解释性

机器学习的稳健性、可解释性和结果正确性等是人工智能安全可信应用必须解决的关键问题。 传统机器学习: 内置可解释性:决策树IF-Then规则,直观可理解事后可解释性:训练结束后的可解释技术特定于模型体系结构的解释与解释方法及模…

删除 Word 空白页的 3 种方法总结

在使用 Word 进行文档编辑的时候,空白页的出现常常会让用户感到困扰,Word 空白页的出现可能是由于分页、段落设置以及格式问题,空白页可能会出现在文档的开始、中间及结尾,如果需要打印文档还会影响打印效果,那么 Word…

【论文#性能对比】Video coding with H.264/AVC: Tools, Performance, and Complexity

目录 摘要1.前言2.标准化视频编码方案的概念3. H.264/AVC 编码方案3.1 帧内预测3.2 运动补偿预测3.3 变换编码3.4 熵编码方案3.5 自适应去块滤波器3.6 错误鲁棒性和网络友好性 4.码率受限的编码器控制5. H.264/AVC 的配置文件和级别6.与先前标准的比较6.1 编码效率6.2 硬件复杂…

如何启动一个OpenSearch

创建两个集群,标注 不含备用节点 选择集群版本和配置集群版本 冷热存储和专用主节点这个按需开启 然后是网络,是否使用自定义域名,集群开在VPC还是公网上。 选择是否开启认证: 访问策略,其实就是资源策略 维护时段…

vue页面使用v-print指令打印表格表单的几种方法,包括页眉标题自定义设置

页面效果: 打印预览页面: 步骤: 1.安装vue-print-nb 2.在main.js里面注册 import Print from vue-print-nbVue.use(Print) 3.在页面.vue代码中定义打印范围和打印按钮&#xff0c;我这里是以id"main-div"这个div为范围进行打印 <div> <div id"main-d…

grs认证有什么好处?grs认证相关政策

GRS认证&#xff08;Global Recycled Standard&#xff09;即全球回收标准认证&#xff0c;是一项国际、自愿和全面的产品标准&#xff0c;主要针对回收材料的使用和供应链进行认证。GRS认证能够为企业带来多方面的好处&#xff0c;以下是对这些好处的详细归纳&#xff1a; 一…

【livox雷达】HAP雷达 红外 orin 交换机 ——办公室 硬件搭配

orin&#xff1a;拉一根网线&#xff0c;一端连orin&#xff0c;一端连交换机 雷达&#xff1a;接上电源&#xff0c;另一端连接交换机 红外&#xff1a;用gsml方式连到orin上 交换机&#xff1a;以交换机为中心&#xff0c;连一根网线到orin&#xff0c;一根接外网的网线连给…

CesiumLab介绍

软考鸭小程序 学软考,来软考鸭! 提供软考免费软考讲解视频、题库、软考试题、软考模考、软考查分、软考咨询等服务 CesiumLab是一个围绕Cesium平台设计的完整易用的数据预处理工具集&#xff0c;它旨在最大化提升三维数据可视化效率。本文将详细介绍CesiumLab的安装、主要功能…

2-119 基于matlab的合成孔径雷达(SAR)RDA(距离多普勒算法)、RMA(距离徙动算法)、CSA(线性调频变标算法)算法点目标成像与分析

基于matlab的合成孔径雷达(SAR)RDA(距离多普勒算法)、RMA(距离徙动算法)、CSA(线性调频变标算法)算法点目标成像与分析&#xff0c;RDA算法通过参考目标的多普勒历程完成对应匹配滤波器设计&#xff0c;获得同距离处不同目标相对于参考目标的方位位置。RMA是一种高分辨率的频域…

阿里测试之道-测试团队的发展之路

一、测试团队的发展之路 1.1、测试团队面临的困局 测试团队面临着不少的苦难&#xff0c;其中具有普遍性的有&#xff1a; 测试自动化难&#xff1a; 自动化测试程序编写成本高、执行时间长、维护成本高。测试的”技术债“在业务高速发展的过程中越积越多&#xff1a;一边修复…

ubuntu-24.04.1 系统安装

使用VMware虚拟机上进行实现 官网下载地址&#xff1a; https://cn.ubuntu.com/download https://releases.ubuntu.com 操作系统手册&#xff1a; https://ubuntu.com/server/docs/ &#xff08;里面包含安装文档&#xff09; 安装指南&#xff08;详细&#xff09;&#xff1a…

B3622 枚举子集

1. 注意dfs内&#xff0c;for循环的遍历&#xff0c;想清楚把什么赋值给a[x] 2.本题只需要把0或1赋值给a[x]所以 #include<bits/stdc.h> using namespace std; int n; int a[20]; int vis[20]; void pr() {for (int i 1; i < n; i) {if (a[i] 0)cout << N;els…

珀丽达医用敷料:滋养冰爽夏日三伏

虽然已经立秋&#xff0c;但是热浪高温一直都还在滚滚而来。“三伏天”、“秋老虎”&#xff0c;真的叫做“伏天伏地&#xff0c;热似火&#xff0c;不付不行”。盯着烈日灼晒&#xff0c;经历了一天工作与奔波的你&#xff0c;是否渴望一抹清凉&#xff1f;特别是爱美的女生&a…

[Linux]从零开始的网站内网穿透教程

一、前言 在上一次教程中&#xff0c;我们教了大家如何搭建一个网站并且在内网中能被访问到。这样也出现了一个问题&#xff0c;我们的网站被我们部署得再好看&#xff0c;始终只有内网中的设备可以访问。如果别人和我们不在一个局域网中&#xff0c;就无法访问我们搭建的网站了…

Allegro在PCB上开槽的三种方法操作指导

Allegro如何在PCB上开槽的三种方法操作指导 当PCB有特殊设计要求的时候&#xff0c;需要在PCB上开槽&#xff0c;Allegro支持在PCB上开槽操作&#xff0c;具体操作如下 以下图为例&#xff0c;需要在这个板框中间开槽 开方形槽 选择shape add rect命令 画在Board Geometry-o…

最新PHP礼品卡回收商城 点卡回收系统源码_附教程

最新PHP礼品卡回收商城 点卡回收系统源码_附教程 各大电商平台优惠券秒杀拼团限时折扣回收商城带余额宝 1、余额宝理财 2、回收、提现、充值、新订单语音消息提醒功能 3、带在线客服 4、优惠券回收功能 源码下载&#xff1a;https://download.csdn.net/download/m0_66047…

科技特长生是什么?如何成为一名科技特长生?

近年来&#xff0c;随着国家对创新科技的重视&#xff0c;越来越多的学生通过“科技特长生”的途径获得优质升学机会。科技特长生作为一种特殊招生方式&#xff0c;为那些在科技创新、竞赛中表现出色的学生提供了进入名校的捷径。那么&#xff0c;究竟什么是科技特长生&#xf…

用python的eval函数自定义行情指标公式

用python的eval函数自定义行情指标公式 先看效果实现步骤计算结果 先看效果 实现步骤 在前端配置规则和公式&#xff0c;不同的结果可以自定义背景颜色和字体颜色。 def _compute_rule(self, localdict):""":param localdict: dictionary containing the cur…