- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
Blazor入门_blazor视频教程
这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。 让我们开始使用Blazor吧。 开始使用 首先，在创建新项目时搜索“Blazor”，然后选择“Blazor 应用”。 点击“下一步”，在出现的页面上输入项目名称，并选择适当的项目存储的位置。 总结 简而言之，本文试图介绍 Blazor，以及如何使用 Blazor创建你的第一个应用程序。除此之外，我们还讨论了托管模型，身份验证，授权的实现以及默认页面中使用的指令。 下一步工作 除了此篇文章外，我还计划写其他几篇文章： 使用 Blazor和 EntityFrameworkCore进行CRUD操作 Blazor中模型验证 Blazor应用程序的容器化
6.1K20编辑于 2022-11-16 - 来自专栏痴者工良
Blazor入门：ASP.NET Core Razor 组件
组件：项目 Blazor 中，使用 .razor 结尾的文件，称为组件；而 Blazor 中的组件，正式名称是 razor 组件； Blazor 组件是 razor 过渡而来的，使用 razor 的基本语法特性 Index.razor 中，路由： @page "/" Blazor 不支持像 Controller 和 Action 那样设置灵活的 URL 可选参数(URL Query)，例如： [ @attributes="InputAttributes" /> @code { #region private string Maxlength { get; set; } = "10 InputAttributes { get; set; } = new Dictionary<string, object>() { { "maxlength", "10 { get; set; } } 其它组件使用： @page "/" <Test TTT="ces" id="useIndividualParams" maxlength="<em>10</em>
3.5K20发布于 2021-04-26 - 来自专栏技术之路
Blazor-Blazor呈现概念
静态和交互式呈现概念 在Blazor开发中，Razor 组件具备两种重要的呈现方式，分别是静态呈现和交互式呈现。 静态呈现 也被称为静态渲染，是一种典型的服务器端方案。 另一方面，在客户端的浏览器中，基于 WebAssembly 的 Blazor 运行时能够处理事件，这使得用户在浏览器端就能获得即时的交互反馈，极大地提升了用户体验，像一些在线表单填写、实时数据可视化展示等功能 CSR 假定是交互式的，因此行业或 文档中不使用“交互式客户端呈现”和“Blazor CSR”。 ○ 交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护。
82300编辑于 2025-01-25 - 来自专栏张善友的专栏
.NET 10 Preview 2 增强了 Blazor 和.NET MAUI
.NET 团队 3.18 发布了.NET 10 Preview 2（https://devblogs.microsoft.com/dotnet/dotnet-10-preview-2/）。. NET 10 Preview 2 主要对 Blazor 和.NET MAUI 进行了增强。Blazor 在 ASP.NET Core 网络开发框架中的组件以及.NET MAUI 获得了最多关注。 ASP.NET Core & Blazor 方面的改进包括在 Blazor Web App 模板中添加了重新连接 UI 组件、改善导航、提升 ASP.NET Core 的 OpenAPI 支持以及添加了认证和授权的新指标等 重要亮点 ASP.NET Core & Blazor 增强：Web 开发者获得了一些改进，包括 Blazor Web App 模板中有内置的重新连接 UI 以处理断开的连接，导航更流畅，ASP.NET Entity Framework Core 10：支持新的 LINQ RightJoin 操作符，增强了数据访问能力，还有一些其他小的增强。
66610编辑于 2025-03-22 - 来自专栏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 指令或命名空间
47100编辑于 2025-01-24 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(2)
然后，看看如何使用与.NET Azure Functions或Azure Container Apps配对的Blazor WebAssembly入门。我们将继续探索其他现有的.NET API选项。 .NET MAUI入门教程-面向初学者的完整课程|使用C＃在iOS、Android、Mac和Windows上进行教程 - 2022年5月23日 - 让我们一起开始我们的旅程，使用.NET MAUI、C＃ C#中的SignalR入门第1部分 - 使用Blazor、WPF、最佳实践等 - 2022年4月25日 - SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。 如何使用 Razor 类库在各处运行 Blazor 项目？ - 2022年10月29日 - Blazor 的一个很酷的功能是代码的可重用性。 创建通用的树视图 Blazor 组件 - 2022年10月4日 - 本文展示了一个可以以树视图递归显示对象的 Blazor 组件。
3.8K20编辑于 2023-10-13 - 来自专栏EdisonTalk
Blazor学习之旅(10)多语言+本地化
因此，如何在Blazor中实现多语言+本地化就被提上议程。 Localization (L10N)：本地化，即针对特定语言和区域自定义全球化应用的过程。 IHtmlLocalizer IViewLocalizer 在Blazor中，我们最常用的就是IStringLocalizer，它可以在运行时提供区域性资源，使用非常简单，就像操作字典一样 接下来，我就以IStringLocalizer为例，介绍如何通过它来在Blazor应用中实现多语言和本地化。 在Blazor中实现本地化的步骤 （1）准备工作 假设我们已经有了一个Blazor应用程序，并且有一个Home.razor的页面，需要支持中文（默认语言）、英语和德语。
1.1K10编辑于 2023-08-09 - 来自专栏晓晨的专栏
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 - 来自专栏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 - 来自专栏技术之路
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
41010编辑于 2025-06-10 - 来自专栏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 地址。
83910编辑于 2025-01-22 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor（1）
入门 要开始使用Blazor，请按照Blazor入门[23]文档中的说明进行操作。 在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。 Blazor Hero旨在成为一个企业级的样板，完全开源，免费使用。在这里阅读快速入门指南[47]。 该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[49]。 该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[51]。 您可以广播的一些状态包括：您在Microsoft Teams中的可用性、您当前的Windows 10主题以及您选择的主题或颜色。博客文章[108]。演示视频[109]。
3.1K50编辑于 2023-10-13 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(3)
Blazor 实战 - 使用 Blazor、C# 和 .NET 构建可重用的 UI 组件和 Web 前端的实例驱动指南（Manning 早期访问计划于2020年10月开始）。 Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 - Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序（于2018年10月31日出版）。 Blazor 简明指南 - 2020年4月16日 - 一本免费的入门 Blazor 框架的电子书。 Blazor，入门指南 - 2020年3月18日 - 一本免费的入门 Blazor 框架的电子书。 使用 Blazor 构建应用程序入门 - 2019年8月24日 - 《使用 Blazor 构建应用程序入门》：如何开始使用这个令人兴奋且易于使用的 Microsoft C# 框架创建应用程序。
2.3K40编辑于 2023-10-13 - 来自专栏设计模式
Blazor 在 Windows 下环境配置和入门教程
Blazor 是微软推出的基于 .NET 的 Web 前端框架。无论是使用 Blazor Server 还是 Blazor WebAssembly，Windows 系统提供了强大的工具链支持。 以下是 Blazor 在 Windows 下的环境配置和入门教程。 一、环境准备 1. 系统要求 操作系统：Windows 10 或更高版本。 二、创建 Blazor 项目 1. 创建 Blazor Server 项目 打开 Visual Studio，点击 创建新项目。 在模板中选择 Blazor Server 应用，点击 下一步。 四、Blazor 入门核心概念 1. Razor 组件 每个 .razor 文件都是一个组件，包含前端 HTML 和 C# 逻辑。 六、快速入门建议 从简单的计数器组件开始，理解 Razor 组件语法和事件绑定。 学习 Blazor 的依赖注入和状态管理，掌握服务调用和组件间通信。
1.3K10编辑于 2025-01-16 - 来自专栏独立观察员博客
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 - 来自专栏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.9K30编辑于 2021-12-15 - 来自专栏.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模板。 ? 看看生成的项目结构： ? static List<Student> Students = new List<Student> { new Student{ Id=1, Name="小红", Age=10
2.5K20发布于 2020-06-19 - 来自专栏技术之路
Blazor-uri
(2) bool forceLoad：如果为false，使用 Blazor 增强型导航(局部加载，增量更新 DOM)。如果为true，绕过客户端路由，浏览器都必须从服务器整体加载完整页面。
47300编辑于 2025-03-07 - 来自专栏编程进阶实战
全面的ASP.NET Core Blazor简介和快速入门
前言 因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI，本篇文章主要是介绍Blazor是一个怎样的Web UI框架，其优势和特点在哪？ 并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况，假如你完全没有接触过C#的话建议你先从基本语法学起)。 Blazor是什么？ Blazor的优势和特点 Blazor是一个基于.NET框架和 C#编程语言构建 Web 应用程序的 UI 框架，它具有以下几个优势和特点： 简化开发流程：在Blazor中，前端和后端都可以使用C#进行编程 Blazor支持的平台 下表所示的浏览器在移动平台和桌面平台上均支持 Blazor WebAssembly 和 Blazor Server。 Blazor Hybrid 应用还可以与现有 Blazor Server 或 Blazor WebAssembly 应用共享和重复使用组件。
5.2K20编辑于 2023-06-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号