- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
Blazor入门_blazor视频教程
这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。 让我们开始使用Blazor吧。 开始使用 首先，在创建新项目时搜索“Blazor”，然后选择“Blazor 应用”。 点击“下一步”，在出现的页面上输入项目名称，并选择适当的项目存储的位置。 总结 简而言之，本文试图介绍 Blazor，以及如何使用 Blazor创建你的第一个应用程序。除此之外，我们还讨论了托管模型，身份验证，授权的实现以及默认页面中使用的指令。 下一步工作 除了此篇文章外，我还计划写其他几篇文章： 使用 Blazor和 EntityFrameworkCore进行CRUD操作 Blazor中模型验证 Blazor应用程序的容器化
6.1K20编辑于 2022-11-16 - 来自专栏技术之路
Blazor-Blazor呈现概念
静态和交互式呈现概念 在Blazor开发中，Razor 组件具备两种重要的呈现方式，分别是静态呈现和交互式呈现。 静态呈现 也被称为静态渲染，是一种典型的服务器端方案。 另一方面，在客户端的浏览器中，基于 WebAssembly 的 Blazor 运行时能够处理事件，这使得用户在浏览器端就能获得即时的交互反馈，极大地提升了用户体验，像一些在线表单填写、实时数据可视化展示等功能 CSR 假定是交互式的，因此行业或 文档中不使用“交互式客户端呈现”和“Blazor CSR”。 ○ 交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护。
68500编辑于 2025-01-25 - 来自专栏EdisonTalk
Blazor学习之旅 (14) Blazor WebAssembly
Blazor 是在 .NET 和 Razor 上构建的用户界面框架。 除此之外，Blazor还提供了另一种模式，就是我们今天要学习的 Blazor WebAssembly！ Blazor WebAssembly（有时简称为 Blazor WASM）是 Blazor 用户界面框架的实现，在所有新式浏览器中均包含的 HTML5 标准 WebAssembly 运行时上运行。 接下来，我们就来使用Blazor WebAssembly来体验一下。 F5开始运行，浏览器会显示一定时间（大概好几秒钟）的Loading，在Blazor WebAssembly首次访问时需要下载相比Blazor Server更多的文件到浏览器。
1.6K10编辑于 2024-01-06 - 来自专栏技术之路
Blazor-Blazor WebAssmbly项目结构（下）
Blazor-Blazor WebAssmbly项目结构（上） 接上次这次我们继续来说说剩余的项目文件 _Imports.razor _Imports.razor 文件的功能是定义一组 Razor 指令或命名空间
40000编辑于 2025-01-24 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(2)
Verify.Blazor - 用于Blazor组件的快照测试库 - 用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。 Blazor Analytics - Blazor的分析扩展。 Blazor PDF - 使用iTextSharp从Blazor Server应用程序生成PDF文档。 Blazor Gamepad - 为Blazor提供游戏手柄API访问。 Blazor Hotkeys2 - 为Blazor提供基于配置的键盘快捷键。 Blazor.SpeechSynthesis - 为Blazor提供语音合成API访问的库。 Blazor BarCode - 一个使用条形码字体的Blazor条形码库。 从头开始制作Blazor文本编辑器，Blazor文本编辑器第1部分 - 2022年9月8日 - 从头开始制作Blazor文本编辑器，Blazor文本编辑器第1部分。
3.7K20编辑于 2023-10-13 - 来自专栏晓晨的专栏
Blazor 修仙之旅 - Ant Design of Blazor
一.前言 这是《Blazor 修仙之旅》的第三篇，前面两分别是《初次尝试》、《组件与数据绑定》，直接到这里上 Ant Design 确实连不起来，跨度比较大，其实我也是在边学边写，看的是官方文档，我觉得中间这部分重复写博客的意义不大 Ant Design of Blazor 介绍 ant-design-blazor 是国内开发者 ElderJames 创建的一个开源项目。 顾名思义，ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。 ✨ 特性 ? 提炼自企业级中后台产品的交互语言和视觉风格。 ? 从ant-design-blazor README 摘点内容撑一撑篇幅（手动滑稽） 三.使用 直接新建一个 Blazor WebAssembly 项目，或者使用前两篇文章中的 Demo。 四.Ant Design of Blazor 资料 文档：点我 开源地址：点我
1.4K10发布于 2020-06-04 - 来自专栏技术之路
Blazor-Ant Design of Blazor快速开始
近期准备选用个Blazor的前端UI框架来进行系统的开发，快速实现，准备从主流的UI组件框架中进行选择，我们先来看看你Ant Design of BLazor框架如何？ Ant Design Blazor 是一个基于 Blazor 框架的开源组件库，采用了 Ant Design 的设计风格。 模板来创建一个开箱即用的 Ant Design Pro 新项目： 安装模板 dotnet new --install AntDesign.Templates 运行： 从模板创建 Ant Design Blazor
36510编辑于 2025-06-10 - 来自专栏EdisonTalk
Blazor学习之旅(1)初步了解Blazor
什么是Blazor？ Blazor是微软近年来主推的，基于C#、HTML与CSS来构建交互式Web UI的框架。 借助 Blazor，开发人员可以使用 C# 生成客户端和服务器代码。 Blazor的两种模式 （1）Blazor Server模式 Blazor Server 是 Blazor 用户界面框架（作为 ASP.NET Core Web 开发框架的一部分）的实现，并部署到 Web 其次，什么是Blazor WebAssembly? 使用 Blazor WebAssembly，开发人员可以在浏览器中运行 .NET 代码。 综合上述准则，决定在下一个应用程序中使用 Blazor WebAssembly 还是 Blazor Server 时，请参考下表。 Blazor和主流前端框架如何选择？ 这样开放的思路，给了Blazor开源社区非常大的发展空间，比如很多早先由原生JS编写的图表开源项目，可以以相对较低的成本迁移到Blazor上来；又比如可以使用Blazor封装三大框架已有的组件，或者原生组件
2.4K20编辑于 2023-07-09 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor（1）
介绍 什么是Blazor？ Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。 Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。 入门 要开始使用Blazor，请按照Blazor入门[23]文档中的说明进行操作。 在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。 通用 ASP.NET博客存档[27] - 关于Blazor的ASP.NET博客存档。 Blazor[28] - Blazor的官方网站，来自Microsoft。 .NET基金会上的Blazor-Dev库[30] - Blazor“dev”分支的每日构建。 Blazor扩展[31] - 为Microsoft ASP.Net Core Blazor精选的扩展。 移动 Mobile Blazor Bindings[118] - 实验性的Mobile Blazor Bindings - 使用Blazor构建原生移动应用程序。
2.7K50编辑于 2023-10-13 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(3)
Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 - Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server Blazor 简明指南 - 2020年4月16日 - 一本免费的入门 Blazor 框架的电子书。 Blazor，入门指南 - 2020年3月18日 - 一本免费的入门 Blazor 框架的电子书。 Learn Blazor - Blazor 的社区文档。 Blazor 帮助网站 - 主要涵盖服务器端 Blazor 的博客和代码示例。 Blazor 实用示例 - Blazor 的实用示例。 Blazor 服务器端实用示例 - Blazor 服务器端的实用示例。 Reddit - Blazor 的 Reddit 子论坛。 现代化的 Blazor Web 应用 - [意大利语] 关于 Blazor 的视频。
2.1K40编辑于 2023-10-13 - 来自专栏Blazor
Blazor-Blazor WebAssmbly项目结构（上）
public class Program { public static async Task Main(string[] args) { //运行 Blazor builder.RootComponents.Add<App>("#app"); //表示在根组件集合中添加 HeadOutlet 组件， 该组件是 Blazor 4.inspectUri：在 Blazor WebAssembly 应用程序上启用调试的 URL 地址。
71710编辑于 2025-01-22 - 来自专栏独立观察员博客
Blazor 初探
Blazor 初探 目录 一、新建项目 二、ASP.NET Core Blazor 项目结构 三、结合代码讲解 四、改造 五、配置文件的使用 六、发布到 Linux（CentOS） 题外话，期间遇到个问题 程序部署到 Linux 系统）》中提到的 VPS 文件中转下载服务后，如何将下载的文件以 Blazor 的方式传出到浏览器的方法。 那么这篇文章就回过头来，介绍一下本项目（VPSDownloader.NET）使用 Blazor 的过程。 一、新建项目 在 VisualStudio 中选择 “Blazor 应用” 项目模板： 填写项目名称： 选择 Blazor Server 应用： 二、ASP.NET Core Blazor 项目结构 微软官方文档：https://docs.microsoft.com/zh-cn/aspnet/core/blazor/project-structure?
2.7K10编辑于 2022-12-06 - 来自专栏.NET开发那点事
ASP.NET Core Blazor 初探之 Blazor Server
上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。 Blazor Server Blazor 技术又分两种： Blazor WebAssembly Blazor Server Blazor WebAssembly上次已经介绍过了，这次主要来看看Blazor 因为前面Blazor Webassembly已经讲过了，相同的东西，比如数据绑定，属性绑定，事件绑定等内容就不多说了，请参见ASP.NET Core Blazor 初探之 Blazor WebAssembly 新建Blazor Server项目 打开vs找到Blazor Server模板，看清楚了不要选成Blazor Webassembly模板。 ? 看看生成的项目结构： ? 从返回的html代码上来看绑定的数据已经有值了，这可以清楚的证明Blazor Server技术使用的是服务端渲染技术。 ? ? _blazor?
2.5K20发布于 2020-06-19 - 来自专栏Dotnet9
Day 03：Blazor Server和Blazor WebAssembly的差异
下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor 创建解决 Blazor 两种模板应用 创建Blazor Server应用 配置Blazor Server应用 选择.NET 6 运行 运行+F12 F5重新加载网页 SignalR连接 同一解决方案新建项目 选择Blazor WebAssembly应用 Blazor WebAssembly应用其他信息配置 项目建好后可以直接启动项目，但如果想同时看到Blazor Server跟Blazor 两种模式项目结构对比 Blazor Server的Program.cs文件： Blazor Server Program.cs Blazor Wasm的Program.cs文件： Blazor Wasm Blazor Server Program.cs Blazor Server _Host.cshtml_ 接着看2号框，可以看到Blazor Server多了_Host.cshtml、_Layout.cshtml
3.8K30编辑于 2021-12-15 - 来自专栏技术之路
Blazor-uri
(2) bool forceLoad：如果为false，使用 Blazor 增强型导航(局部加载，增量更新 DOM)。如果为true，绕过客户端路由，浏览器都必须从服务器整体加载完整页面。
43400编辑于 2025-03-07 - 来自专栏.NET开发那点事
ASP.NET Core Blazor 初探之 Blazor WebAssembly
最近Blazor热度很高，传说马上就要发布正式版了，做为微软脑残粉，赶紧也来凑个热闹，学习一下。 Blazor Blazor是微软在ASP.NET Core框架下开发的一种全新的Web开发框架。 Blazor WebAssembly Blazor 技术又分两种： Blazor WebAssembly Blazor Server Blazor WebAssembly 是真正的SPA，页面的渲染在前端实现 新建Blazor WebAssembly项目 打开vs找到Blazor的项目模板，就是那个特别像火影标志的那个图标。新建一个项目名叫BlazorWebAssemblyApp。 点下一步，这里会让选是Blazor Server还是Blazor WebAssembly，不要选错了。 ? 先看一下项目结构： ? 如果Blazor早出现那么几年，或许一切都不一样了。但是，又要但是。。。但是我还是会学习Blazor，就像我当年学习Silverlight一样。
7.2K10发布于 2020-05-18 - 来自专栏AI.NET极客圈
分层 Blazor 组件
虽然标记帮助器很有用，但仍存在一些编程缺陷，而 Blazor 组件则绝妙地消除了这些缺陷。在本文中，我将生成新的 Blazor 组件，以通过 Bootstrap 4 框架服务显示模式对话框。 在此过程中，我将处理 Blazor 模板化组件和级联参数。 在 Blazor 中，事情变得容易多了，因为无需为了创建复杂元素（如 Bootstrap 模式对话框）的更易记标记语法，而无奈地使用标记帮助器。接下来将介绍如何在 Blazor 中创建模式组件。 模式对话框 目的是要创建包装 Bootstrap 模式对话框组件的 Blazor 可重用组件。 请注意，在 Blazor 中，模板属性 ChildContent 自动捕获父元素的整个子标记。此外，Blazor 中的模板属性是 RenderFragment 类型的属性。
10.5K10发布于 2019-08-23 - 来自专栏blazor
VSCode下配置Blazor环境 & 断点调试Blazor项目
VSCode下使用Blazor的环境配置和插件推荐Blazor是一种用于构建交互式Web UI的.NET框架，它可以让你使用C#、Razor和HTML进行Web开发，而不需要JavaScript。 创建Blazor项目打开终端，输入以下命令创建一个新的Blazor项目：dotnet new blazorserver -o MyBlazorApp然后，进入新创建的项目目录：cd MyBlazorApp Blazor SnippetsBlazor Snippets插件提供了一系列的代码片段，可以帮助你快速编写Blazor代码。 在VSCode中调试Blazor项目相对简单，下面是详细的步骤和技巧，帮助你顺利进行调试。1. 配置调试环境1.1. 打开项目在VSCode中打开你的Blazor项目文件夹。1.2. 调试Blazor WebAssembly项目如果你在调试Blazor WebAssembly项目，调试过程稍有不同：在launch.json中添加一个新的配置：{ "name": "Blazor WebAssembly
1.6K00编辑于 2024-12-31 - 来自专栏科控自动化
Blazor练习1
个人练手笔记,对照官网练习.想学Blazor可以先看官网. 创建新的 Blazor 应 为了设置 Blazor 项目来配合工作，我们将使用 Visual Studio Code。 除了一个名为 BlazorApp.csproj 的 C# 项目文件，此命令还将创建一个基本的 Blazor 服务器项目，其中包含所有必需的文件和页面。 你现在应可以访问以下文件。
1.2K21编辑于 2022-03-29 - 来自专栏技术之路
Blazor-@inject
在Razor 组件中，可以通过 @inject 指令将服务的实例注入到 Razor 组件类中。
21900编辑于 2025-02-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号