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

Blazor-Blazor Web App项目结构

news 2025/12/27 9:41:34

让我们还是从创建项目开始，来一起了解下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自动模式下有一些限制需要注意：

在主项目中只能运行静态SSR或交互式SSR的组件，不能运行自动模式的组件
在主项目中运行交互式SSR组件时，则需要使用@rendermode InteractiveServer指定
运行交互式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

【Python】 -- 趣味代码 - 小恐龙游戏

文章目录文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...

编程新知 2025/12/23 17:18:10

css实现圆环展示百分比，根据值动态展示所占比例

代码如下 <view class""><view class"circle-chart"><view v-if"!!num" class"pie-item" :style"{background: conic-gradient(var(--one-color) 0%,#E9E6F1 ${num}%),}"></view><view v-else …...

编程新知 2025/12/10 15:22:31

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序

一、开发准备环境搭建： 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号项目创建： File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...

编程新知 2025/9/5 12:16:40

C/C++ 中附加包含目录、附加库目录与附加依赖项详解

在 C/C 编程的编译和链接过程中，附加包含目录、附加库目录和附加依赖项是三个至关重要的设置，它们相互配合，确保程序能够正确引用外部资源并顺利构建。虽然在学习过程中，这些概念容易让人混淆，但深入理解它们的作用和联…...

编程新知 2025/12/19 23:17:48

Java数值运算常见陷阱与规避方法

整数除法中的舍入问题问题现象当开发者预期进行浮点除法却误用整数除法时，会出现小数部分被截断的情况。典型错误模式如下： void process(int value) {double half = value / 2; // 整数除法导致截断// 使用half变量 }此时...

编程新知 2025/9/29 10:54:34

毫米波雷达基础理论（3D+4D）

3D、4D毫米波雷达基础知识及厂商选型 PreView : https://mp.weixin.qq.com/s/bQkju4r6med7I3TBGJI_bQ 1. FMCW毫米波雷达基础知识主要参考博文： 一文入门汽车毫米波雷达基本原理 ：https://mp.weixin.qq.com/s/_EN7A5lKcz2Eh8dLnjE19w 毫米波雷达基础…...

编程新知 2025/12/24 20:35:49