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

Blazor-Blazor Web App项目结构

news 2025/7/7 15:46:43

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

零门槛NAS搭建：WinNAS如何让普通电脑秒变私有云？

一、核心优势：专为Windows用户设计的极简NAS WinNAS由深圳耘想存储科技开发，是一款收费低廉但功能全面的Windows NAS工具，主打“无学习成本部署” 。与其他NAS软件相比，其优势在于： 无需硬件改造：将任意W…...

编程新知 2025/7/6 15:51:14

【位运算】消失的两个数字（hard）

消失的两个数字（hard） 题⽬描述：解法（位运算）：Java 算法代码：更简便代码题⽬链接：⾯试题 17.19. 消失的两个数字题⽬描述： 给定⼀个数组，包含从 1 到 N 所有…...

编程新知 2025/7/7 4:43:19

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战：各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2025/7/6 3:52:18

智能AI电话机器人系统的识别能力现状与发展水平

一、引言随着人工智能技术的飞速发展，AI电话机器人系统已经从简单的自动应答工具演变为具备复杂交互能力的智能助手。这类系统结合了语音识别、自然语言处理、情感计算和机器学习等多项前沿技术，在客户服务、营销推广、信息查询等领域发挥着越来越重要…...

编程新知 2025/6/11 3:05:02

嵌入式常见 CPU 架构

架构类型架构厂商芯片厂商典型芯片特点与应用场景PICRISC (8/16 位)MicrochipMicrochipPIC16F877A、PIC18F4550简化指令集，单周期执行；低功耗、CIP 独立外设；用于家电、小电机控制、安防面板等嵌入式场景8051CISC (8 位)Intel（原始…...

编程新知 2025/6/10 21:24:01