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

Blazor-Blazor Web App项目结构

news 2026/2/10 3:42:36

让我们还是从创建项目开始，来一起了解下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

第19节 Node.js Express 框架

Express 是一个为Node.js设计的web开发框架，它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。 使用Express可以快速地搭建一个完整功能的网站。 Expre…...

编程新知 2026/2/8 6:37:43

深入理解JavaScript设计模式之单例模式

目录 什么是单例模式为什么需要单例模式常见应用场景包括 单例模式实现透明单例模式实现不透明单例模式用代理实现单例模式javaScript中的单例模式使用命名空间使用闭包封装私有变量 惰性单例通用的惰性单例 结语 什么是单例模式 单例模式（Singleton Pattern&#…...

编程新知 2026/1/31 17:09:43

江苏艾立泰跨国资源接力：废料变黄金的绿色供应链革命

在华东塑料包装行业面临限塑令深度调整的背景下，江苏艾立泰以一场跨国资源接力的创新实践，重新定义了绿色供应链的边界。 跨国回收网络：废料变黄金的全球棋局 艾立泰在欧洲、东南亚建立再生塑料回收点，将海外废弃包装箱通过标准…...

编程新知 2026/1/31 13:42:15

Qt Http Server模块功能及架构

Qt Http Server 是 Qt 6.0 中引入的一个新模块，它提供了一个轻量级的 HTTP 服务器实现，主要用于构建基于 HTTP 的应用程序和服务。 功能介绍： 主要功能 HTTP服务器功能： 支持 HTTP/1.1 协议 简单的请求/响应处理模型 支持 GET…...

编程新知 2025/10/17 21:16:57

解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错

出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...

编程新知 2025/11/3 2:11:24

图表类系列各种样式PPT模版分享

图标图表系列PPT模版，柱状图PPT模版，线状图PPT模版，折线图PPT模版，饼状图PPT模版，雷达图PPT模版，树状图PPT模版 图表类系列各种样式PPT模版分享：图表系列PPT模板https://pan.quark.cn/s/20d40aa…...

编程新知 2026/2/4 18:07:02

3-11单元格区域边界定位(End属性)学习笔记

返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...

编程新知 2026/2/9 15:39:14

Unity | AmplifyShaderEditor插件基础（第七集：平面波动shader）

目录 一、👋🏻前言 二、😈sinx波动的基本原理 三、😈波动起来 1.sinx节点介绍 2.vertexPosition 3.集成Vector3 a.节点Append b.连起来 4.波动起来 a.波动的原理 b.时间节点 c.sinx的处理 四、🌊波动优化…...

编程新知 2026/2/6 22:55:12

蓝桥杯 冶炼金属

原题目链接 🔧 冶炼金属转换率推测题解 📜 原题描述 小蓝有一个神奇的炉子用于将普通金属 O O O 冶炼成为一种特殊金属 X X X。这个炉子有一个属性叫转换率 V V V，是一个正整数，表示每 V V V 个普通金属 O O O 可以冶炼出 …...

编程新知 2026/2/4 10:54:26

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20