- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
Blazor入门_blazor视频教程
这篇文章演示了如何使用Blazor构建SPA应用。Blazor简化了可在任何浏览器中运行的快速且美观的SPA的任务。它通过使开发人员能够编写基于Dotnet的Web应用程序来实现此目的。 让我们开始使用Blazor吧。 开始使用 首先，在创建新项目时搜索“Blazor”，然后选择“Blazor 应用”。 点击“下一步”，在出现的页面上输入项目名称，并选择适当的项目存储的位置。 总结 简而言之，本文试图介绍 Blazor，以及如何使用 Blazor创建你的第一个应用程序。除此之外，我们还讨论了托管模型，身份验证，授权的实现以及默认页面中使用的指令。 下一步工作 除了此篇文章外，我还计划写其他几篇文章： 使用 Blazor和 EntityFrameworkCore进行CRUD操作 Blazor中模型验证 Blazor应用程序的容器化
6.1K20编辑于 2022-11-16 - 来自专栏微卡智享
.NET5 Blazor初探
前阵子.Net5发布后跟着做了个小的东西，也是无意间看到了Blazor后，抱着测试看看是否占用学习时间太多的想法做了个Demo，于是有这今天这篇。 实现效果 ? 一共就花了几小时的时间到的这个效果后，所以我决定了空余的时间把Blazor掌握好，弥补一下前端这块的短板。 Blazor简介 微卡智享 ? 说起Blazor的Slogan：将.Net技术带回浏览器。 组件 Blazor应用基于组件。Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。 Shared是Client（前端）及Server（后端）同时用到的公共类，上图中红框标注的要加载的NuGet包中，一定要使用SqlSugarCoreNoDrive，因为我在发布程序的时候基于.Net5可移植的方式 读取数据库配置还是用到了Configucation，这个在《使用.Net5尝鲜的一些小总结及Configuration.Json读取配置文件的使用》中有讲过。 ?
3.5K11发布于 2021-03-30 - 来自专栏EdisonTalk
Blazor学习之旅(5)数据绑定
本篇，我们来了解下在Blazor中数据是如何绑定的。 关于数据绑定 如果希望 HTML 元素显示值，可以编写代码来更改显示内容。如果值发生更改，则需要编写额外的代码以更新显示内容。 在 Blazor 中，可以使用数据绑定将 HTML 元素连接到字段、属性或表达式。 这样，当值发生更改时，HTML 元素便会自动更新。更新通常在更改后迅速发生，并且我们无需编写任何更新代码。 在Blazor中，我们可以通过 @bind-{PROPERTY} 指令来实现链式绑定，其中的 {PROPERTY} 占位符表示要绑定的属性名字。 同时，我们也注意到在Blazor中事件回调（委托）的统一类型为：EventCallback。我们在子组件中使用的是InvokeAsync()方法也说明它是线程安全的。 最终效果： 小结 本篇，我们了解了数据如何在Blazor中进行数据的绑定。 下一篇，我们学习一下在Blazor中数据绑定的各种花样。
1.5K20编辑于 2023-07-25 - 来自专栏痴者工良
Blazor入门：ASP.NET Core Razor 组件
在外部调用组件方法以更新状态 使用 @ 键控制是否保留元素和组件 指定基类 指定属性 导入组件 原始 HTML 官方文档原文位置： https://docs.microsoft.com/zh-cn/aspnet/core/blazor 组件：项目 Blazor 中，使用 .razor 结尾的文件，称为组件；而 Blazor 中的组件，正式名称是 razor 组件； Blazor 组件是 razor 过渡而来的，使用 razor 的基本语法特性 { get; set; } } Pargrom 中: Pages.Test test = new Pages.Test(); test.Name = "Blazor Index.razor 中，路由： @page "/" Blazor 不支持像 Controller 和 Action 那样设置灵活的 URL 可选参数(URL Query)，例如： [ {Id}")] public string Test([FromQuery]int Id) { return "123"; } Blazor
3.5K20发布于 2021-04-26 - 来自专栏技术之路
Blazor-Blazor呈现概念
静态和交互式呈现概念 在Blazor开发中，Razor 组件具备两种重要的呈现方式，分别是静态呈现和交互式呈现。 静态呈现 也被称为静态渲染，是一种典型的服务器端方案。 另一方面，在客户端的浏览器中，基于 WebAssembly 的 Blazor 运行时能够处理事件，这使得用户在浏览器端就能获得即时的交互反馈，极大地提升了用户体验，像一些在线表单填写、实时数据可视化展示等功能 CSR 假定是交互式的，因此行业或 文档中不使用“交互式客户端呈现”和“Blazor CSR”。 ○ 交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护。
82300编辑于 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 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(2)
HAVIT Blazor - Bootstrap 5组件+在Bootstrap 5之上构建的其他组件（网格、自动建议、消息框等）。 然后，看看如何使用与.NET Azure Functions或Azure Container Apps配对的Blazor WebAssembly入门。我们将继续探索其他现有的.NET API选项。 .NET MAUI入门教程-面向初学者的完整课程|使用C＃在iOS、Android、Mac和Windows上进行教程 - 2022年5月23日 - 让我们一起开始我们的旅程，使用.NET MAUI、C＃ Syncfusion中的Blazor控件介绍 - 2022年5月11日 - Syncfusion中的Blazor控件非常强大。 C#中的SignalR入门第1部分 - 使用Blazor、WPF、最佳实践等 - 2022年4月25日 - SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。
3.8K20编辑于 2023-10-13 - 来自专栏技术之路
Blazor-Blazor WebAssmbly项目结构（下）
Blazor-Blazor WebAssmbly项目结构（上） 接上次这次我们继续来说说剩余的项目文件 _Imports.razor _Imports.razor 文件的功能是定义一组 Razor 指令或命名空间
47100编辑于 2025-01-24 - 来自专栏晓晨的专栏
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 地址。 5.dotnetRunMessages：使用 dotnet run 命令运行项目时，是否显示反馈信息。
83810编辑于 2025-01-22 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor（1）
入门 要开始使用Blazor，请按照Blazor入门[23]文档中的说明进行操作。 在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。 Blazor Hero旨在成为一个企业级的样板，完全开源，免费使用。在这里阅读快速入门指南[47]。 该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[49]。 该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[51]。 BlazorML5[117] - Blazor中的ML5机器学习，使用JSInterop机制。
3.1K50编辑于 2023-10-13 - 来自专栏token的技术分享
Blazor资源大全，很棒的Blazor(3)
演示幻灯片 使用 .NET 5 和 Raspberry Pi - 2021年1月28日 - 在Slideshare上使用 .NET 5 和 Raspberry Pi。 Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 - Blazor 快速入门指南：使用 Blazor、EF Core 和 SQL Server Blazor 简明指南 - 2020年4月16日 - 一本免费的入门 Blazor 框架的电子书。 Blazor，入门指南 - 2020年3月18日 - 一本免费的入门 Blazor 框架的电子书。 使用 Blazor 构建应用程序入门 - 2019年8月24日 - 《使用 Blazor 构建应用程序入门》：如何开始使用这个令人兴奋且易于使用的 Microsoft C# 框架创建应用程序。 Blazor 入门 - 2021年6月 - 探索 Blazor 的核心概念，并学习轻松创建 Web 应用程序。
2.3K40编辑于 2023-10-13 - 来自专栏设计模式
Blazor 在 Windows 下环境配置和入门教程
Blazor 是微软推出的基于 .NET 的 Web 前端框架。无论是使用 Blazor Server 还是 Blazor WebAssembly，Windows 系统提供了强大的工具链支持。 以下是 Blazor 在 Windows 下的环境配置和入门教程。 一、环境准备 1. 系统要求 操作系统：Windows 10 或更高版本。 三、运行和测试项目 点击 Visual Studio 顶部的 运行按钮（或按 F5），启动项目。 打开浏览器，访问项目地址（默认是 https://localhost:5001）。 四、Blazor 入门核心概念 1. Razor 组件 每个 .razor 文件都是一个组件，包含前端 HTML 和 C# 逻辑。 六、快速入门建议 从简单的计数器组件开始，理解 Razor 组件语法和事件绑定。 学习 Blazor 的依赖注入和状态管理，掌握服务调用和组件间通信。
1.3K10编辑于 2025-01-16 - 来自专栏NetCore 从壹开始
BCVP开发者说第5期：QuartzCore.Blazor
沉静岁月，淡忘流年 1项目简介 QuartzCore.Blazor QuartzCore.Blazor 是一个基于 .Net5 开发的轻量级 Quartz 作业配置中心，实践应用 Ant Design Blazor 和 FreeSql 两个技术， 对这两个技术感兴趣的小伙伴可以加我一起学习讨论哦，对有 Quartz 有需求的小伙伴亦可以开箱即用Code First。 - Blazor WASM 模式，使用了 Ant Design Blazor。 - 支持随时修改 Trigger ,启动立刻生效，无需重启应用。 ） （任务作业新增） 核心功能 1、实时时间区间执行统计 2、应用管理 3、健康检查 4、作业管理 5、执行日志 6、参数管理 7、提供Cron表达式验证 8、其他 是单独的前端(类似vue，编译生成是静态文件) (项目文件) (生成的静态文件) QuartzCore.Blazor.Share (项目文件) QuartzCore.Blazor.Server（api
93520编辑于 2022-04-11 - 来自专栏独立观察员博客
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 WebAssembly的新建项目模板拆分了，较为直观)，先不管里面的程序，按下F5执行后在网页按下F12或是Ctrl+Shift+I开启开发人员工具(Dev tool)，切换到Network页签后重新加载网页 创建解决 Blazor 两种模板应用 创建Blazor Server应用 配置Blazor Server应用 选择.NET 6 运行 运行+F12 F5重新加载网页 SignalR连接 可以将两个项目都设定为启动项目，接着按下F5启动项目。 先看5号，可以看到Blazor Server和Blazor WebAssembly有Program.cs，两者的程序进入点都是Program.cs。
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模板。 ? 看看生成的项目结构： ? 从返回的html代码上来看绑定的数据已经有值了，这可以清楚的证明Blazor Server技术使用的是服务端渲染技术。 ? ? _blazor?
2.5K20发布于 2020-06-19 - 来自专栏技术之路
Blazor-uri
(2) bool forceLoad：如果为false，使用 Blazor 增强型导航(局部加载，增量更新 DOM)。如果为true，绕过客户端路由，浏览器都必须从服务器整体加载完整页面。
47300编辑于 2025-03-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号