当前位置： 首页 > news >正文

Blazor-Blazor Web App项目结构

news 2026/4/1 10:03:11

让我们还是从创建项目开始，来一起了解下Blazor Web App的项目情况

创建项目

在这里插入图片描述

呈现方式

在这里插入图片描述

这里我们可以看到需要选择项目的呈现方式，有以上四种呈现方式
● WebAssembly
● Server
● Auto(Server and WebAssembly)
● None 纯静态界面静态SSR呈现方式
WebAssembly，Server这两种呈现方式和托管模型有着i相似之处可以参考托管模型的概念，之后也会专门讲解呈现方式。
ASP.NET Blazor托管模型有哪些？

Auto(Server and WebAssembly)

表示Server方式与WebAssembly方式相结合，首次访问自动模式组件时，以Server模式运行，加载速度快，在服务端生成混合代码，并将生成的代码响应给客户端进行显示，用户通过SignalR进行交互。第二次访问自动模式时，自动切换为WebAssembly托管模式。

交互位置

在这里插入图片描述

可以设置的交互位置有两种

Per page/component(每页/组件)

默认设置每个页面/组件的交互性，我们需要在*.razor 文件中使用 [@rendermode 呈现模式] 指令为每个需要交互的组件设置呈现模式。若组件不需要使用 C#或 SignalR 交互，也就不需要为该组件设置交互位置。
在这里插入图片描述
我们可以看到如上图的方式，这种方式就是每个组件去设置交互性，可以看到通过@rendermode InteractiveAuto指定了交互方式。

Global(全局)

为整个 Blazor 应用设置全局交互性，只需要在 App.razor根组件中设置一次即可全局使用，其它任何组件不需要再通过指令设置呈现模式。
在这里插入图片描述
如上图如果选择全局，则设置会在App.razor根组件中标记

自动模式项目结构

自动模式会提高性能和用户体验，加快页面的加载速度，不需要让用户等待访问页面的加载
项目我们创成功了选择了Auto呈现模式，Per page/component交互模式，项目结构如下：
在这里插入图片描述

在项目中BlazorApp1项目为主项目，主要运行静态SSR和交互式SSR渲染的组件，而BlazorApp1.client项目主要运行交互式WebAssembly或自动模式的组件
在Blazor WebAPP自动模式下有一些限制需要注意：

  1. 在主项目中只能运行静态SSR或交互式SSR的组件，不能运行自动模式的组件
  2. 在主项目中运行交互式SSR组件时，则需要使用@rendermode InteractiveServer指定
  3. 运行交互式WebAssembly或者自动模式的组件，必须将该组件放在*.Client项目中。

自动模式流程

下面我画一个自动模式的流程图有助于大家理解

首次访问

在这里插入图片描述
二次访问
在这里插入图片描述

相关文章：

Blazor-Blazor Web App项目结构

让我们还是从创建项目开始，来一起了解下Blazor Web App的项目情况 创建项目 呈现方式 这里我们可以看到需要选择项目的呈现方式，有以上四种呈现方式 ● WebAssembly ● Server ● Auto(Server and WebAssembly) ● None 纯静态界面静态SSR呈现方式 WebAs…...

编程日记 2025/1/31 5:33:05

【线上问题定位处理】及【性能优化】系列文章

目录 性能优化 性能优化 九大服务架构性能优化方式 如何进行GC调优 如何排查线上系统出现的Full GC MySQL - 性能优化 MySQL - 分库分表 大数据查询的处理方案 MySQL优化手段有哪些 服务CPU100%问题如何快速定位？ 服务内存OOM问题如何快速定位？ JVM调优6大步骤 线…...

编程日记 2025/1/31 5:32:01

现代 linux 里一个进程允许打开几个文件：答案是 1024 或者更多

（1） 测试一下： （2） 谢谢...

编程日记 2025/1/31 5:29:49

【仓颉】仓颉编程语言Windows安装指南 配置环境变量 最简单解决中文乱码问题和其他解决方案大全

适用于版本： 0.53.13 ｜ 发布日期： 2024-10-24 （以后的可能也适用） 本机windows版本：24H2 内部版本号windows 10.0.26100 因为仓颉的官方文档一直没更新，所以在这里写一下如何在windows上完成这些…...

编程日记 2025/1/31 5:27:45

dm8在Linux环境安装精简步骤说明(2024年12月更新版dm8)

dm8在Linux环境安装详细步骤 - - 2025年1月之后dm8 环境介绍1 修改操作系统资源限制2 操作系统创建用户3 操作系统配置4 数据库安装5 初始化数据库6 实例参数优化7 登录数据库配置归档与备份8 配置审计9 创建用户10 屏蔽关键字与数据库兼容模式11 jdbc连接串配置12 更多达梦数据…...

编程日记 2025/1/31 5:24:30

学技术学英语：elasticsearch查询的两阶段queryingfetching

To understand Elasticsearch’s distributed search, let’s take a moment to understand how querying and fetching work. Unlike simple CRUD tasks, distributed search is like navigating through a maze of shards spread across the cluster. In Elasticsearch, CRU…...

编程日记 2025/1/31 5:21:26

Linux_线程互斥

互斥的相关概念 共享资源：指多个进程或线程可以共同访问和操作的资源临界资源：被保护的共享资源就叫做临界资源临界区：每个线程内部，访问临界资源的代码，就叫做临界区互斥：任何时刻，互斥保证有…...

编程日记 2025/1/31 5:20:23

基于 NodeJs 一个后端接口的创建过程及其规范 -- 【elpis全栈项目】

基于 NodeJs 一个后端接口的创建过程及其规范 一个接口的诞生： #mermaid-svg-46HXZKI3fdnO0rKV {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-46HXZKI3fdnO0rKV .error-icon{fill:#552222;}#mermaid-sv…...

编程日记 2025/1/31 5:19:16

企业知识库提升企业核心竞争力促进团队协作和知识分享

内容概要 在快速发展的数字化时代，企业知识库的构建与运用变得愈发重要。其重要性不仅体现在信息的集中管理上，更在于推动企业整体竞争力的提升。一个高效的知识库可以作为团队合作的重要平台，促进不同部门之间的信息交流与协作，…...

编程日记 2025/1/31 5:18:14

C++ unordered_map和unordered_set的使用，哈希表的实现

文章目录 unordered_map，unorder_set和map ，set的差异哈希表的实现概念直接定址法哈希冲突哈希冲突举个例子 负载因子将关键字转为整数哈希函数除法散列法/除留余数法 哈希冲突的解决方法开放定址法线性探测二次探测 开放定址法代码实现 哈希表的代码 un…...

编程日记 2025/1/31 5:16:11

games101-作业3

由于此次试验需要加载模型，涉及到本地环节，如果是windows系统，需要对main函数中的路径稍作改变： 这么写需要： #include "windows.h" 该段代码： #include "windows.h" int main(int ar…...

编程日记 2025/1/31 5:15:08

【Block总结】高效多尺度注意力EMA，超越SE、CBAM、SA、CA等注意力|即插即用

论文信息 标题: Efficient Multi-Scale Attention Module with Cross-Spatial Learning 作者: Daliang Ouyang, Su He, Guozhong Zhang, Mingzhu Luo, Huaiyong Guo, Jian Zhan, Zhijie Huang 论文链接: https://arxiv.org/pdf/2305.13563v2 GitHub链接: https://github.co…...

编程日记 2025/1/31 5:14:01

Pwn 入门核心工具和命令大全

一、调试工具（GDB 及其插件） GDB 启动调试：gdb ./binary 运行程序：run 或 r 设置断点：break *0x地址 或 b 函数名 查看寄存器：info registers 查看内存：x/10wx 0x地址 （查看 10 个 …...

编程日记 2025/1/31 5:12:59

探索AI（chatgpt、文心一言、kimi等）提示词的奥秘

大家好，我是老六哥，我正在共享使用AI提高工作效率的技巧。欢迎关注我，共同提高使用AI的技能，让AI成功你的个人助理。 "AI提示词究竟是什么？" 这是许多初学者在接触AI时的共同疑问。 "我阅读了大量关于…...

编程日记 2025/1/31 5:11:52

利用飞书机器人进行 - ArXiv自动化检索推荐

相关作者的Github仓库 ArXivToday-Lark 使用教程 Step1 新建机器人 根据飞书官方机器人使用手册，新建自定义机器人，并记录好webhook地址，后续将在配置文件中更新该地址。 可以先完成到后续步骤之前，后续的步骤与安全相关&…...

编程日记 2025/1/31 5:10:50

小白爬虫冒险之反“反爬”：无限debugger、禁用开发者工具、干扰控制台...（持续更新）

背景浅谈 小白踏足JS逆向领域也有一年了，对于逆向这个需求呢主要要求就是让我们去破解**“反爬机制”**，即反“反爬”，脚本处理层面一般都是decipher网站对request设置的cipher，比如破解一个DES/AES加密拿到key。这篇文章先不去谈…...

编程日记 2025/1/31 5:09:39

Ubuntu中MySQL安装-02

服务器端安装 安装服务器端：在终端中输入如下命令，回车后，然后按照提示输入 sudo apt-get install mysql-server 当前使用的ubuntu镜像中已经安装好了mysql服务器端，无需再安装，并且设置成了开机自启动服务器用于接…...

编程日记 2025/1/31 5:08:34

大数据相关职位介绍之一（数据分析，数据开发，数据产品经理，数据运营）

大数据相关职位介绍之一 随着大数据、人工智能（AI）和机器学习的快速发展，数据分析与管理已经成为各行各业的重要组成部分。从互联网公司到传统行业的数字转型，数据相关职位在中国日益成为推动企业创新和提升竞争力的关键力量。以…...

编程日记 2025/1/31 5:07:28

使用DeepSeek API生成Markdown文件

DeepSeek技术应用与代码实现 一、DeepSeek简介 DeepSeek是一款强大的人工智能写作助手，能够根据用户输入的提示（Prompt）快速生成高质量的文章。它不仅支持批量生成文章，还能通过智能分段、Markdown转HTML等功能优化内容。此外&…...

编程日记 2025/1/31 5:05:21

java多线程学习笔记

文章目录 关键词1.什么是多线程以及使用场景?2.并发与并行3.多线程实现3.1继承 Thread 类实现3.2Runnable 接口方式实现3.3Callable接口/Future接口实现3.4三种方式总结 4.常见的成员方法（重点记忆）94.1setName/currentThread/sleep要点4.2线程的优先级…...

编程日记 2025/1/31 5:03:18

技术Lead：不亲手解决问题，你的位置还稳吗？

做到技术Lead这个位置，很多人开始纠结一件事——到底该不该自己动手？技术Lead的尴尬，其实很具体比如前端设计阶段，团队在讨论一个时序收敛问题，工程师说某条路径的slack是-0.3ns，建议加pipeline。这时候Lea…...

编程新知 2026/4/1 7:08:45

YOLO-v5实战：用预训练模型快速检测图片中的物体

YOLO-v5实战：用预训练模型快速检测图片中的物体 1. 引言：为什么选择YOLO-v5 在计算机视觉领域，物体检测是一项基础而重要的任务。YOLO（You Only Look Once）系列模型因其速度快、精度高的特点，成为工业界和…...

编程新知 2026/4/1 6:35:56

实测Qwen3-4B：256K超长上下文，处理长文档、写长文真实案例

实测Qwen3-4B：256K超长上下文，处理长文档、写长文真实案例 1. 引言：为什么关注长上下文能力 在日常工作和创作中，我们经常遇到需要处理超长文档的场景：分析上百页的PDF报告、阅读整本电子书、编写长篇技术文档等。传…...

编程新知 2026/4/1 6:31:47

从 DEFINE VIEW 走向 DEFINE VIEW ENTITY：把 CDS View 迁移到 CDS View Entity 的方法、边界与实战心法

围绕 CDS View Entity 迁移这条主线，下面把概念演进、工具链、风险识别、手工改造要点以及项目落地策略完整梳理一遍。文章既适合还在维护传统 CDS DDIC-based view 的团队，也适合正在推进 S/4HANA、ABAP Cloud、RAP、Clean Core 的开发团队参考。 CDS View Entity 在 ABAP …...

编程新知 2026/4/1 3:53:38

深度解析：相机、LiDAR与IMU紧耦合SLAM技术的最新进展与挑战

1. 为什么需要相机、LiDAR与IMU紧耦合？ 想象一下你第一次玩VR游戏时的场景：头显里的画面随着你转头而实时变化，但稍有延迟就会让人头晕目眩。这正是SLAM技术要解决的核心问题——在未知环境中实时确定自身位置并构建地图。而单一传感器就像只…...

编程新知 2026/4/1 1:13:04

Dramatron：AI驱动的剧本创作革命

Dramatron：AI驱动的剧本创作革命 【免费下载链接】dramatron Dramatron uses large language models to generate coherent scripts and screenplays. 项目地址: https://gitcode.com/gh_mirrors/dr/dramatron 价值定位：重新定义创意写作流程 在…...

编程新知 2026/4/1 0:42:13

Multisim课程设计救星：从卡诺图到仿真，手把手搞定五人表决器（附源文件）

五人表决器数字电路设计实战：从卡诺图到Multisim仿真的全流程解析 第一次拿到数字电路课程设计任务书时，看着"五人表决器"这个题目，我的大脑和实验室的示波器一样一片空白。直到在面包板上成功点亮第一个LED指示灯，才真…...

编程新知 2026/4/1 0:13:39

别再只会用Burpsuite爆破DVWA了！手把手教你用Python脚本+自定义字典搞定暴力破解

从零构建Python暴力破解工具：DVWA实战进阶指南 在渗透测试领域，暴力破解(Brute Force)始终是基础却有效的攻击手段。虽然Burpsuite这类工具提供了便捷的图形化操作界面，但真正理解其底层原理并能够自主开发定制化破解工具，才是安全…...

编程新知 2026/3/31 23:49:16

RWKV7-1.5B-g1a部署教程：CSDN平台外网域名（gpu-guyeohq1so-7860）配置要点

RWKV7-1.5B-g1a部署教程：CSDN平台外网域名（gpu-guyeohq1so-7860）配置要点 1. 模型简介 rwkv7-1.5B-g1a是基于RWKV-7架构的多语言文本生成模型，特别适合以下应用场景： 基础问答文案续写简短总结轻量中文对话 2. 环境…...

编程新知 2026/3/31 22:17:59

终极指南：如何用Scream实现Windows音频网络共享

终极指南：如何用Scream实现Windows音频网络共享 【免费下载链接】scream Virtual network sound card for Microsoft Windows 项目地址: https://gitcode.com/gh_mirrors/sc/scream 想要将Windows电脑的音频无线传输到其他设备？厌倦了复杂的音频线…...

编程新知 2026/3/31 21:59:34