Blazor资源大全
一个收集了很棒的Blazor资源的集合。
Blazor是一个使用C#/Razor和HTML在浏览器中运行的.NET Web框架。
欢迎贡献!请先查看贡献指南。感谢所有的贡献者,你们真棒,没有你们就不可能实现这个!
如果你需要在这个列表中搜索,你可以尝试这个很棒的网站:Awesome Blazor Browser。感谢@jsakamoto提供这个!源代码 。
目录
- 介绍
- 通用
- 模板
- 示例项目
- 教程
- 库和扩展
- 真实世界应用
- 视频
- 文章
- 播客
- 演示幻灯片
- 工具
- 书籍
- 电子书
- 课程
- 社区
- 其他语言
介绍
什么是Blazor?
Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。
Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。Blazor应用程序由使用C#、HTML和CSS实现的可重用的Web用户界面组件组成。客户端和服务器代码都是用C#编写的,允许您共享代码和库。
更多信息请参阅官方Blazor网站。
入门
要开始使用Blazor,请按照Blazor入门文档中的说明进行操作。
在Microsoft Learn上完成使用Blazor构建Web应用程序学习会议也是一个不错的主意。另一个很好的入门资源是Jeff Fritz在Channel9或YouTube上的初学者系列。
通用
- ASP.NET博客存档 – 关于Blazor的ASP.NET博客存档。
- Blazor – Blazor的官方网站,来自Microsoft。
- Microsoft Learn上的Blazor课程 – Microsoft Learn上的Blazor课程。
- .NET基金会上的Blazor-Dev库 – Blazor“dev”分支的每日构建。
- Blazor扩展 – 为Microsoft ASP.Net Core Blazor精选的扩展。
- Blazor大学 – 非官方的文档网站。
- 演示 – 官方基本演示网站。
- 文档 – 官方文档,由Microsoft提供。
- eShopOnBlazor – 将传统的ASP.NET Web Forms应用程序迁移到Blazor的示例,由Microsoft Architecture提供。
- 常见问题 – 常见问题。
- GitHub存储库 – 官方Blazor存储库(即ASP.NET Core存储库)。
- ‘Hello World’示例 – ‘Hello World’示例。
- ASP.NET Core简介 – ASP.NET Core简介。
- 工作坊 – 构建一个完整的Blazor应用程序,并在此过程中了解各种Blazor框架功能。
- Blazor WebAssembly性能最佳实践 – ASP.NET Core Blazor WebAssembly性能最佳实践,由Pranav Krishnamoorthy和Steve Sanderson提供。
- themesof.net – .NET 6规划过程。
- 30秒Blazor – 有用代码片段的集合,灵感来自流行的30秒JavaScript和React。
模板
- BitPlatform模板 – – 使用.Net MAUI和Blazor的解决方案模板,具备开箱即用的最佳实践,实现快速高质量的跨平台开发,支持Web、Android、iOS和Windows,具备原生美观的Blazor组件。这些模板创建的项目包含了开发实际应用所需的一切,包括(但不限于)CI/CD流水线、Azure的基础设施即代码、本地化、多模式开发(Blazor Server/WASM/Hybrid)、内置的异常处理等。了解更多。
- Blazor Hero – – 使用MudBlazor组件构建的Blazor WebAssembly的干净架构解决方案模板。这个项目将使您的Blazor学习过程比您预期的要容易得多。Blazor Hero旨在成为一个企业级的样板,完全开源,免费使用。在这里阅读快速入门指南。
- Blazor BFF Azure AD – – 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure AD和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南。
- Blazor BFF Azure B2C – – 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure B2C和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南。
- 使用Blazor和C#从头开始构建文本编辑器 – YouTube上的一系列视频,介绍如何使用Blazor和.NET从头开始构建自己的IDE。起始点仓库 。Blazor Studio仓库 。
示例项目
AI
Cledev.OpenAI – 用于OpenAI的.NET 7 SDK,带有一个Blazor Server的游乐场。
认证
- BlazorBoilerplate – 带有IdentityServer4 Material Design的真实世界管理仪表板/入门套件。演示。
- TheIdServer – 基于IdentityServer4的OpenID/Connect服务器。
- BlazorWithIdentity – 展示使用EF Core和Identity身份验证的Blazor应用程序的示例项目。
- Blorc.OpenIdConnect – 在Blazor上正确使用OpenID Connect的方法。
- Blazor-WASM-AzureAD-gRPC – Blazor WASM、Azure AD、REST和gRPC。
- Quiz manager secured by Auth0 – 该存储库包含一个使用Auth0进行安全保护的Blazor WebAssembly应用程序实现的简单的测验管理器。实现细节在以下文章中描述:Securing Blazor WebAssembly Apps。
CMS
- Blogifier – 带有Blazor管理仪表板的ASP.NET Core博客应用程序。演示。
- eShopOnBlazor – 将传统的ASP.NET Web Forms应用程序迁移到Blazor。
- JHipster.NET JHipster是一个在Java世界中生成现代应用程序的知名平台。JHipster提供了一个蓝图系统,允许覆盖生成器的默认行为。JHipster.NET是一个蓝图,通过将后端部分从最初生成的spring boot更改为asp.net core,覆盖了后端部分。对于前端,可以使用所有常见的语言(angular、react),包括Blazor。
- RapidCMS – 一个基于代码的、可扩展的Blazor应用程序,为您的数据库生成CMS。
- BlazorShop – 使用Blazor WebAssembly构建的简单商店应用程序。
- Umbraco9 & Blazor WASM Starter Site – 用Blazor WebAssembly和Tailwind CSS/UI制作的Umbraco v9的简单入门站点。这是一个我用来玩耍和尝试Umbraco 9、Blazor WebAssembly、TailwindCSS、块列表编辑器和其他几个概念的项目。
游戏
- Trains.NET – 使用.NET和C#构建的2D游戏,通过Twitch流可以在线玩Trains,网址为wengier.com/Trains.NET。
- AsteroidsWasm – 一组使用单个.NET Standard项目的.NET 5 C#应用程序,运行在:Blazor Client(WebAssembly)、Blazor Server、Electron(通过Blazor Server)、WPF、WinForms、Xamarin。演示。
- DiabloBlazor – DiabloWeb的Blazor移植,使其成为一个双WebAssembly应用程序:一个WebAssembly(C#)PWA托管一个WebAssembly(C++)游戏。演示。
- Board Games – Fusion + Blazor示例,一个完全功能的Web应用程序,允许您进行实时多人游戏。演示。
- Wolfenstein 3D ported to Blazor – Wolfenstein 3D移植到现代C#和Blazor。文章。
- ZXSpectrum – 在Blazor WebAssembly上运行的ZX Spectrum模拟器。演示。
- WordleBlazor – Blazor中受欢迎的Wordle游戏的简单克隆。演示。
混合
- Blazor + Electron – 在Electron外壳中托管Razor组件。这允许使用.NET和Web技术构建现代、高性能的跨平台桌面应用程序。
- Blazor + WebWindow – WebWindow类似于Electron,但不需要捆绑Node.js或Chromium,并且没有大部分API。WebWindow源代码。这里有Blazor + WebWindow示例。
- Photino – 构建原生的、跨平台的桌面应用程序,比轻量级还要轻量级。Photino是一个轻量级的开源框架,用于使用Web UI技术构建原生的、跨平台的桌面应用程序。
- Blazor + Umbraco Heartcore – 使用Umbraco Heartcore与Blazor的示例。
- Blazor Wasm with ASP.NET Framework 4.x – 通过一些调整和限制,您可以在Net Framework 4.x或其他环境中运行Blazor Wasm。Medium上的解释。
- RemoteBlazorWebView – RemoteBlazorWebView使您能够使用Web浏览器与使用BlazorWebView WPF控件或WinForms控件开发的程序的用户界面进行交互。
- BlazorInAngularDemo – 演示了如何逐步将现有的Angular应用程序逐步迁移到Blazor,包括集成Blazor组件和调用Angular服务方法。演示。
IDE
- Blazor Studio – 使用Photino主机、Blazor UI和C#编写的.NET解决方案的IDE。
- Picat语言IDE – 基于Monaco Editor的Picat逻辑编程语言的IDE。演示。
物联网
- PresenceLight – PresenceLight是一个将各种状态广播到飞利浦Hue或LIFX灯泡的解决方案。您可以广播的一些状态包括:您在Microsoft Teams中的可用性、您当前的Windows 10主题以及您选择的主题或颜色。博客文章。演示视频。
- Meadow Weather – 在此示例中,Meadow微控制器从LM35温度传感器中获取数据。该数据通过HTTP请求发送到API控制器端点,并存储在数据库中,可以使用Blazor Web应用程序中的图表进行可视化。
机器学习
- 可扩展情感分析 – 一个示例,能够在客户端使用非常交互式的应用程序(基于Blazor)对用户的写作进行情感分析预测/检测,并在服务器端运行一个ML.NET模型(基于二元分类的情感分析)。
- optimizer.ml – 一个“无服务器”的通用算法参数优化套件。还提供Quantconnect Lean交易算法的离线优化。演示 (https://optimizer.ml)。
- 棒球机器学习工作台 – 一个展示使用内存中的机器学习模型进行假设分析的Web应用程序。实时演示。
- BlazorML5 – Blazor中的ML5机器学习,使用JSInterop机制。
移动
- Mobile Blazor Bindings – 实验性的Mobile Blazor Bindings – 使用Blazor构建原生移动应用程序。
快速开发框架
- WalkingTec.Mvvm (WTM) – 基于.NET Core和EF的开发框架。支持Blazor、Vue、React和LayUI,可一键生成CRUD、导入/导出等代码。网站。
待办事项
- TodoApi by David Fowler – David Fowler在.NET 7中创建的待办事项应用程序,包括一个基于ASP.NET Core托管的Blazor WASM前端应用程序和一个使用最小API的ASP.NET Core REST API后端。
- Bolero.TodoMVC – 使用Bolero的TodoMVC克隆。
- ididit! – 适合拖延症患者的习惯追踪器。记录笔记,管理任务,追踪习惯。演示。
其他
- CleanArchitecture – 使用MudBlazor组件构建的Blazor WebAssembly的Clean Architecture模板。
- Oqtane Framework – 用于Blazor的模块化应用程序框架。
- Flight Finder – 航班搜索。
- LinqToTwitter Blazor示例 – 用于Twitter API的LINQ提供程序(Twitter库)。
- BlazorFileReader – 在Blazor中读取只读文件流。演示。
- eShopOnBlazor – 将传统的ASP.NET Web Forms应用程序迁移到Blazor。
- BlazorChatSample – 使用SignalR JS客户端和Interop的Blazor聊天演示。
- Command and Control, by David Fowler – 这是一个使用Blazor服务器和SignalR进行命令和控制的示例。代理连接到托管SignalR Hub的Blazor服务器应用程序,我们可以对连接的代理发出各种命令(此功能使用客户端结果)。
- BlazorCRUD – 展示Blazor的关键功能的示例业务应用程序。演示。
- Money – 使用CQRS+ES实现的资金管理器。演示。
- Blazor Weather – 一个Blazor天气示例应用程序,显示当前位置的天气和一组固定位置的天气。由Daniel Roth在.NET Conf 2019上演示。演示。
- Blazor.SVGEditor – 一个基本的HTML SVG编辑器,使用Blazor WASM编写。演示。
- NethereumBlazor – 以太坊区块链浏览器和简单钱包。
- FFmpegBlazor – FFmpegBlazor提供了在Blazor Wasm C#中利用ffmpeg.wasm的能力。ffmpeg.wasm 是FFmpeg的纯Webassembly / Javascript端口。它使得在浏览器内部能够进行视频和音频的录制、转换和流媒体处理。
- Blazor Studio – 一个使用.NET编写的免费开源IDE – 使用Photino主机、Blazor UI和C#。
- Planning Poker – 用于分布式团队进行Planning Poker的应用程序。该应用程序使用Blazor实现,并展示了如何在客户端和服务器端模式之间进行切换。演示。
- C# Regex Tester online – 用于验证.NET正则表达式语法的在线工具。(演示)。
- C# Regex Online tool – 用于验证.NET正则表达式语法的在线工具,可以查看拆分列表、表格等。(演示)。
- Blazor Tour of Heroes – Blazor英雄之旅,使用Blazor-State(使用MediatR管道的状态管理架构)实现Redux风格的状态管理。
- Blazor.Text.Editor – Blazor.Text.Editor是一个使用Blazor UI Framework for .NET的文本编辑器组件库。演示。
- Blazor Wake-on-LAN – 用于本地网络的Wake-on-LAN应用程序。Blazor Server + EF Core + DI + CI。
- BlazingWaffles – 一个包装Waffle Generator的Blazor应用程序。该生成器输出可读的无意义文本,可用于替代Lorum Ipsum。演示。
- Nethereum Playground – 在浏览器上编译和运行Nethereum代码片段。您可以在这里运行它:http://playground.nethereum.com/。
- TypinExamples – 一个演示如何在Blazor SPA应用程序中使用Typin框架的示例项目(使用Xterm.js和自定义的C# Web Workers实现在浏览器中模拟终端体验)。在线演示。
- Unofficial eShopOnContainers – eShopOnContainers的非官方Blazor WebAssembly客户端。
- UpBlazor – – Blazor Server与Up bank(一家澳大利亚数字银行)集成,帮助用户进行预算管理并获得强大的未来洞察力。使用Clean Architecture和Marten DB。
- WordTester – 一个用于学习外语单词的应用程序,使用闪卡和间隔重复。
- Css in Blazor presentation’s source code – Ed Charbeneau关于Blazor和CSS的演示的源代码。
- BlazorViz interop wrapper for Viz.js – 生成Graphviz DOT语言文件并可视化树形数据结构的示例。演示。
- BlazorServerImageRecognitionApp – 简单的Blazor Server应用程序,使用图像识别来识别和提取用户上传的图像文件中的文本。演示。
- FootballBlazorApp – 简单的Football Blazor Server Web应用程序,显示赛程和结果、小组积分、球队和球员,并具有球员搜索功能。演示。
教程
- Blazor workshop – .NET Foundation提供的Blazor应用程序构建工作坊,Blazzing Pizza。
- Blazor Meadow Web API Weather Chart.js – 2021年6月 – 在Blazor应用程序中使用Chart.js显示传感器数据。源代码 。
- NextTechEvent by Coding After Work – 构建”NextTechEvent”网站,帮助演讲者、组织者和参与者找到下一个技术活动。源代码 。
- Archives – 2021, 2020, 2019, 2018。
库和扩展
可重用的组件,如按钮、输入框、网格等。另请参阅Blazor组件包功能比较表。
组件包
- FAST – FAST是一个基于Web组件和现代Web标准构建的技术集合,旨在帮助您高效地解决网站和应用程序设计与开发中的一些常见挑战。FAST和Blazor文档。
- Ant Design Blazor – 一套基于Ant Design和Blazor的企业级UI组件。(演示文档)。
- MudBlazor – MudBlazor是一个雄心勃勃的Material Design组件框架,专注于易用性和清晰的结构。它非常适合希望快速构建Web应用程序而不必费力处理CSS和Javascript的.NET开发人员。MudBlazor完全使用C#编写,使他们能够自由地调整、修复或扩展框架,文档中的众多示例使学习MudBlazor变得非常容易。文档。演示。
- Blazorise – 支持Bootstrap、Bulma、AntDesign和Material CSS的Blazor组件。(Bootstrap演示), (Bulma演示), (AntDesign演示), (Material演示)。
- MASA Blazor – 一套基于Material Design和Blazor的企业级UI组件。它几乎完美地复制了Vuetify,并制定了长期的路线图。它由MASA团队提供支持,并保持免费和开源。文档。专业演示。
- Radzen.Blazor – Blazor的原生UI组件。DataGrid、DataList、Tabs、Dialog等。(演示)。
- BlazorStrap – Blazor的Material Design组件。Blazor的Bootstrap 4组件(演示)。
- FAST Blazor – Microsoft官方FluentUI Web组件的轻量级包装,用于.NET 6.0 Razor视图和Blazor。(示例和演示)。
- Element-Blazor – 使用Element UI的Blazor组件库。API模仿Element,CSS直接使用Element的样式,HTML结构直接使用Element的HTML结构。Blazor WebAssembly版本演示。Blazor WebAssembly版本PWA模式演示。
- BlazorFluentUI – 将FluenUI/Office Fabric React组件和样式简单移植到Blazor。客户端演示(WebAssembly)。服务器端演示(SignalR)。
- BootstrapBlazor – 用于Blazor的可重用Bootstrap组件。(演示文档)。
- ComponentOne Blazor UI Components – 外部链接。用于服务器端和客户端应用程序的快速数据网格、列表视图、输入框和其他原生Blazor组件。
- DevExpress Blazor UI Components – 一套用于Blazor服务器端和Blazor客户端平台的原生UI Blazor组件(包括数据网格、数据透视表、调度器和图表)。
- Syncfusion Blazor UI Components – 最全面的原生Blazor组件库,包括数据网格、图表、调度器、图表和文档编辑器组件。(演示)。
- ADMINLTE – Blazor的ADMINLTE是一个可重用组件集合,可以轻松地作为设计师或开发人员开发数字服务。包括按钮、表单元素和页面模板。该项目改编了ADMINLTE 3,因此可以从dotnet core Blazor中使用这些组件。
- Blazority – 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
- Makani – 用于Blazor和.NET MAUI Hybrid的轻量级、可定制和性能优化的组件库。使用TailwindCSS构建。演示。
- Material.Blazor – 另一种Material Theme Razor组件库。Material.Blazor专注于提供来自Google的material-components-web的纯标记 – 我们不试图在您和您对Google的CSS和SASS的使用之间插入自己,因为他们比我们做得更好。我们还有一些很酷的“加号”组件。查看我们的演示和全面的文档。
- Majorsoft Blazor Components – Majorsoft Majorsoft Blazor Components是一套用于Blazor应用程序的UI组件和其他有用的扩展。所有组件都是免费的,并且可以在NuGet上获得。该项目的主要目标是提供一套易于使用、功能丰富的可自定义组件集合和其他有用的扩展。NuGet 演示应用程序 文档。
- MComponents – 开源MIT Blazor组件:网格、选择、向导等。
- PanoramicData Blazor UI Components – 包括表格、树形视图、工具栏和文件资源管理器在内的一组开源Blazor组件。演示。
- HAVIT Blazor – Bootstrap 5组件+在Bootstrap 5之上构建的其他组件(网格、自动建议、消息框等)。带有gRPC代码优先客户端/服务器通信、本地化等的企业项目模板。交互式文档和演示。
- Blazority – 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
- Telerik UI for Blazor – 外部链接(telerik.com)。用于Blazor的一套原生UI组件,包括网格、图表和日历组件。
- Start Blazoring – 使用您选择的Blazorise或MudBlazor构建的Blazor起始模板,更多UI库集成即将推出。它提供了许多功能,如用户注册、登录、密码重置、双因素认证;用户管理、角色、权限;后台工作、日志记录、缓存、电子邮件模板、本地化等等。
- Smart UI for Blazor – 包括网格、看板、甘特图、图表、停靠、枢轴等在内的Blazor组件库。网站。
- TabBlazor – 基于Tabler UI的Blazor管理主题。最小化的JavaScript。演示。
- Blazor.Ionic – Blazor的Ionic框架集成。
- Blazor Controls Toolkit – 用于实现商业应用程序的完整工具集。包括所有Bootstrap JavaScript组件的等效组件,所有html5输入类型的小部件回退,高级可编辑组件,如DataGrid、TreeView、DetailView、ModalDetail、DetailList。所有组件都有默认可自定义的模板,并支持虚拟化和拖放。组件渲染是元数据驱动的,因此组件配置部分是自动的,部分可以通过数据注释驱动。该工具集还包括查询工具,用于发出复杂的本地或远程查询,更改跟踪工具,将仅更改的记录发送到服务器,高级验证属性,全球化工具,修改现有组件的“行为”,状态管理和保存等等。
-
BlazorOcticons – Github上的Octicons作为
.razor
组件创建,并通过NuGet包提供。该项目的网站是使用生成的组件的示例。 - Nevron Open Vision Components for Blazor – 用于Blazor的图表、图表、文本编辑器、仪表、条形码和用户界面组件。演示。
单独的组件
API
-
Head Element Helper – 用于更改文档标题和元素的
和组件,支持服务器端预渲染以用于SEO/OGP。(演示).
- Blazor.Canvas – 用于HTML画布API的C#封装库(无需JS依赖)(演示).
- BlazorIntersectionObserver – 这是对Intersection Observer API的封装。
图表
- ChartJs.Blazor – 将ChartJs图表带到Blazor中。
- GG.Net Data Visualization – 用于Blazor Web应用程序的交互式和灵活的图表。受到广受欢迎的ggpplot2 R包的启发,GG.Net为您的数据分析工作流程提供了丰富的功能。只需几行代码即可构建出版质量的图表。网站。
- Blazor-ApexCharts – Blazor封装器,用于ApexCharts。演示.
- Plotly.Blazor – 将具有40多种图表类型的图表库plotly.js带到Blazor中(演示).
CSS
- BlazorSize – BlazorSize是用于Blazor的JavaScript互操作库,用于检测浏览器的当前大小、大小变化和测试媒体查询。
- BlazorAnimation – 基于animate.css的Blazor组件,用于轻松地为内容添加动画效果。演示.
数据库
- DexieNET – DexieNET旨在成为Dexie.js的功能完整的.NET封装,Dexie.js是著名的JavaScript IndexedDB封装库。它专为Blazor设计,并包含一个易于使用的Razor组件。
数据表格/表格
- Grid.Blazor – 带有CRUD表单的网格组件,适用于Blazor和ASP.NET MVC,支持过滤、排序、搜索、分页、子网格等功能(演示).
- BlazorGrid – 虚拟化数据表格组件,专注于显示远程数据。(演示和文档).
日期和时间
- BlazorDateRangePicker – 用于Blazor的日期范围选择器组件库。演示.
- Toast_UI.Blazor_Calendar – 用于查看和创建事件、任务和里程碑的全功能日历UI组件。支持月、周和日视图。Blazor Calendar包装了功能齐全的Toast UI Calendar JS库。MIT许可证。示例项目.
地图
- BlazorGoogleMaps – 用于GoogleMap库的Blazor互操作。
- UnlockedData.Mapael – 矢量绘图/映射库的Blazor封装。Jquery Mapael。
模态框、Toast和通知
- Blazored.Modal – 用于Blazor和Razor组件应用程序的无需JavaScript的模态框库。
- Blazored.Toast – 用于Blazor和Razor组件应用程序的无需JavaScript的Toast库。
- Blazor.Sidepanel – 用于Blazor应用程序的强大可自定义的侧边栏实现。
标签页
- BlazorXTabs – 提供各种标签页功能的扩展标签页组件库,适用于Blazor。
测试
- bUnit – 用于Blazor组件的测试库 – 用于Blazor组件的测试库。您可以轻松地使用C#或Razor语法定义要测试的组件,并使用语义化的HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
- Verify.Blazor – 用于Blazor组件的快照测试库 – 用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。
其他
- Stl.Fusion – .NET Core和Blazor库,通过引入一种新颖的“计算可观察对象”(computed observables)来显著改进实时和高负载服务的实现方式 – 不可变、线程安全,最重要的是对开发人员几乎是透明的。示例。概述。
- BlazorContextMenu – 用于Blazor的上下文菜单组件(演示)。
- Z.Blazor.Diagrams – 一个完全可定制和可扩展的通用图表库,用于Blazor,灵感来自流行的react-diagrams库,并添加了许多功能。演示。
- Blazored.Typeahead – 自动完成文本框,支持本地和远程数据源,适用于客户端和服务器端Blazor。
- Blazor-DragDrop – 用于Blazor的易于使用的拖放库。
- BlazorDownloadFile – 无需任何JavaScript库或依赖项,从C#将文件下载到浏览器的Blazor下载文件解决方案。BlazorDownloadFile是在客户端保存文件的解决方案,非常适合在客户端生成文件的Web应用程序。但是,如果文件来自服务器,我们建议您首先尝试使用Content-Disposition附件响应头,因为它具有更广泛的跨浏览器兼容性。
- Excubo.Blazor.Diagrams – 交互式图表组件(流程图、UML、BPMN等),可根据用户需求进行自定义和扩展(节点类型、样式)。演示。
- Blazor.FileSystemAccess – 用于从浏览器读取和写入本地文件系统的Blazor包装器,支持文件和目录。[演示](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
- Blorc.PatternFly – PatternFly的Blazor封装。要查看最新的开发分支,请访问demo应用程序。
- BlazorTransitionableRoute – 允许当前和上一个路由同时存在,从而实现UI/UX设计系统的过渡动画。
- Razor.SweetAlert2 – 实现流行的SweetAlert2 JavaScript库的Blazor组件。
- BlazorMonaco – 用于Microsoft的Monaco Editor的Blazor组件,用于支持Visual Studio Code。(演示)。
- Blazor.Grids – 带有额外功能的CSS网格组件库,例如交互式移动和调整大小。轻松创建自己的仪表板。(演示)。
- Blazor.TreeViews – 树视图组件库。(演示)。
- GEmojiSharp.Blazor – 用于Blazor的GitHub表情符号。(演示)。
- Texnomic.Blazor.hCaptcha – 用于服务器端Blazor的hCaptcha组件。
- BlazorLocalizationSample 使用XLocalizer本地化的默认项目模板,支持在线翻译和自动资源创建。
- TimeCalc – 使用Blazor WebAssembly实时跟踪速度魔方平均值的应用程序。演示。
- BlazorSliders – 创建由滑动分隔器分隔的多个面板。
- BlazorTimeline – 响应式的垂直时间轴组件。
- BlazorTypewriter – 用于Blazor的打字机效果。
- BlazorMergely – 基于Mergely的Blazor差异和合并组件的实现,支持服务器端。
- MetaMask.Blazor – 一个库,为Blazor WebAssembly提供了使用MetaMask的简便助手。
- Blazor File Drop Zone – 将“input type=file”元素包围在这个Blazor组件中,以创建一个接受拖放文件的区域(演示)。
- BlazorCurrentDevice – 使用current-device.js为Blazor进行设备检测。
- BlazorStyledTextArea – 一个带有样式的文本区域。该组件本质上仍然是一个文本区域,但可以根据应用程序的需要对文本进行任意样式设置。它的简单性是有意设计的,以避免富文本编辑器带来的复杂性和问题。
- SignaturePad – 一个简单易用的Blazor组件,用于绘制自定义签名。演示。
工具和实用程序
用于状态管理、Cookie、本地存储和其他特定工具的库和扩展。
- Fluxor – 用于DotNet的零样板Flux/Redux库。
- Blazored.LocalStorage – 一个库,为Blazor应用程序提供对本地存储的访问。
- Blazor-State – 使用MediatR管道在Blazor中管理客户端状态。
- bUnit – 用于Blazor组件的测试库 – 用于Blazor组件的测试库。您可以使用C#或Razor语法轻松定义要测试的组件,并使用语义HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
- TextCopy – 一个跨平台的将文本复制到剪贴板和从剪贴板复制文本的包。支持Blazor通过Clipboard浏览器API。
- CssBuilder – CssBuilder是用于Razor组件的CSS类的构建器模式。
- Blazor.FileSystemAccess – 用于浏览器文件系统访问API的Blazor封装器。
- Blazor.Polyfill – 用于Blazor的Polyfill(用于支持Internet Explorer 11和其他一些浏览器)。
- Blazor I18n/Localization Text – 用于Blazor的本地化内容文本库(演示)。
- BlazorGoogleMaps – 用于Blazor的GoogleMap库。
- BlazorWorker – 在Blazor中创建DotNet Web Worker线程/多线程的库。在线演示。
- MvvmBlazor – BlazorMVVM是一个用于构建Blazor和BlazorServerside应用程序的小型框架。通过其简单易用的MVVM模式,您可以提高开发速度,同时最大限度地减少麻烦。
- Blazor.BrowserExtension – 使用Blazor WebAssembly开发浏览器扩展/插件。已在Google Chrome、Mozilla Firefox和MS Edge上进行了测试。
- Blazor Analytics – Blazor的分析扩展。
- Blazor PDF – 使用iTextSharp从Blazor Server应用程序生成PDF文档。
- BlazorRouter – BlazorRouter是一个受react-router启发的令人敬畏的路由器,为Blazor提供声明式路由。
- DataJuggler.Blazor.FileUpload – Steve Sanderson的BlazorFileInput组件的包装器。
- BlazorPrettyCode – 用于文档站点的Blazor代码组件。演示。
- Blazor.EventAggregator – Blazor(Razor组件)的轻量级事件聚合器。
- Blazor Gamepad – 为Blazor提供游戏手柄API访问。
- Blazor Hotkeys2 – 为Blazor提供基于配置的键盘快捷键。
- BlazorRealm – Blazor的Redux状态管理。
- Blazor.LocalFiles – 在浏览器中打开文件并加载到Blazor中。
- Blazor.SpeechSynthesis – 为Blazor提供语音合成API访问的库。
- Blazor BarCode – 一个使用条形码字体的Blazor条形码库。
- BlazorState.Redux – 使用Redux开发Blazor应用程序。
- Howler.Blazor – 用于Howler.js的Blazor JSInterop包装器,一个音频库。
- jsMind.Blazor – 用于jsMind的Blazor JSInterop包装器,一个思维导图工具。
- Blazor Highcharts – 受欢迎的Highcharts库的端口。演示。
- Blazor.LazyStyleSheet – 用于CSS样式表的延迟加载。
- Blazor.ScriptInjection – Blazor组件中的智能脚本标签,非常适合延迟加载JavaScript文件。
- DnetIndexedDb – 用于IndexedDB DOM API的Blazor库。
- BlazorIndexedDbJs – BlazorIndexedDbJs是IndexedDB DOM API的包装器,支持Blazor WASM和Server。
- Blazor-Color-Picker – 打开一个调色板,用于Blazor应用程序的Material颜色。
- Blazm.Bluetooth – 用于使用蓝牙连接设备的Blazor库。
- WebBluetooth – 用于实验性WebBluetooth功能的Blazor服务。基于Blazm.Bluetooth。
- BlazorApplicationInsights – 用于Blazor Web应用程序的Application Insights。
- Blazor Printing – 使用本地打印对话框在Blazor Server或客户端应用程序中打印和保存PDF文档。
-
BlazorTemplater – 使用
.razor
组件为电子邮件内容呈现HTML字符串。 - MediaSession.Blazor – 用于Media Session API的Blazor JSInterop包装器。Media Session API提供了自定义媒体通知的方法。(演示)。
- BlazorAntivirusProtection – 用于Blazor Wasm项目的防病毒保护。该软件包试图在将Blazor Wasm标记为恶意软件的杀毒软件产生误报之前提供保护,直到Microsoft提供官方解决方案。
- Phork.Blazor.Reactivity – 一个无偏见的Blazor状态管理库,利用INotifyPropertyChanged和INotifyCollectionChanged .NET接口自动检测组件中的状态更改。
- CodeBeam.GoogleApis.Blazor – 用于Blazor的GoogleApis的开源实用程序包。从头开始编写,旨在提供最简单的使用方式。
其他
- Blazor Extensions Home – Blazor扩展的主页。
- Bolero – F#的Blazor,具有热重新加载的模板、类型安全的端点和路由、远程调用等等。
- BlazorFabric – 使用流畅设计的Blazor版Microsoft UI Fabric。(演示)。
- BlazorWebView – 用于WPF、Android、macOS和iOS的Blazor WebView控件。在Webview内本地运行基于.NET Core和Mono的Blazor。文档。
- BlazorLazyLoading – 生产就绪的延迟加载实现。对WASM和服务器(页面、组件、dll)提供完整的延迟加载支持,如果需要,还可以实现模块化(自定义端点、自定义清单等)。
- Fun.Blazor – 使F#开发人员更容易编写Blazor的项目。使用F#进行Blazor开发,使用计算表达式(CE)风格的DSL进行内部和第三方Blazor库的开发,依赖注入,自适应和Elmish模型,Giraffe风格的路由,类型安全风格。
- Blazor.DownloadFileFast – 从Blazor快速下载文件到浏览器,无需任何JavaScript库引用或依赖。(演示)。
- SpotifyService – 用于Blazor WebAssembly项目的高级Spotify API库,可在浏览器中播放Spotify音乐,管理OAuth 2.0授权,提供对Spotify Web API的简单访问,并使用IndexedDB缓存。
- Blazor.DynamicJavascriptRuntime.Evaluator – 在Blazor客户端应用程序中执行动态对象表达式的Javascript。
- Bionic – 用于Blazor项目的Ionic CLI克隆。
- EventHorizon Blazor TypeScript Interop Generator – 该项目接收TypeScript类型定义文件,并创建一个与提供的Interop抽象项目配合使用的.NET Core项目。
- Generators.Blazor – 用于提高Blazor性能的源代码生成器。该项目还包含用于检测Blazor应用程序中常见问题的分析器。
实际应用
- Try .NET – Try .NET为开发人员和内容作者提供了创建交互式体验的工具。
视频
- ASP.NET社区直播 – 使用Playwright进行Blazor应用测试 – 2023年2月23日至2023年3月14日 – 学习如何使用Playwright为您的Blazor应用实现端到端测试。社区链接。
- Steve Sanderson关于Blazor United的访谈 – 2023年2月23日 – Carl与Blazor的创建者Steve Sanderson进行访谈,回答关于即将推出的.NET 8中的Blazor United的问题。
- 使用Blazor探索OpenAI – 2023年2月23日 – 与Michael Washington聊聊.NET开发人员如何在他们的Blazor应用中利用OpenAI GPT-3。
- ASP.NET社区直播 – .NET 8中的Blazor United – 2023年2月14日 – Blazor团队分享了关于.NET 8中Blazor United的初步想法,这是一个旨在为您的所有Web UI场景创建一个统一模型的努力,结合了Razor Pages、Blazor Server和Blazor WebAssembly的优点。社区链接。
- 在React中运行Blazor组件 – 2022年12月21日 – 您是否厌倦了慢而笨重的Web应用程序?不要再寻找了,Blazor在React中运行!Blazor是一个强大的框架,用于使用C#构建交互式客户端Web应用程序,当与React的速度和灵活性相结合时,您将获得令人惊叹的高性能Web体验的绝佳组合。在这个视频中,我们将使用新的自定义元素功能在React中运行Blazor,并展示这个动态二人组的其他令人兴奋的功能和优势。不要错过Web开发的未来。
- ASP.NET社区直播 – 探索Blazor中的新功能和实验性功能 – 2023年1月10日 – 展示使用新功能和当前实验性功能构建.NET 7 Blazor应用程序的过程。特邀嘉宾:Daniel Roth、Jon Galloway、Mackinnon Buck。社区链接。
- 使用IDE创建Fluxor CRUD应用程序 | Blazor IDE第2部分 – 2022年11月18日 – 使用IDE创建Fluxor CRUD应用程序。
- .NET 7中的Blazor新功能 | .NET Conf 2022 – 2022年11月10日 – .NET 7中的Blazor加载了许多使构建美观交互式Web UI更加轻松和高效的新改进。在本次演讲中,我们将看看对自定义元素的新支持、改进的数据绑定、处理位置更改事件、显示加载进度、动态身份验证请求等方面的支持。
- 使用Blazor构建音频浏览器应用程序 | .NET Conf 2022 – 2022年11月10日 – 您已经了解了.NET 7中的新功能,但是当您构建应用程序时,它们如何协同工作呢?加入Steve,他将使用新旧功能快速构建一个端到端的音频管理器应用程序,使用Blazor WebAssembly。这是一个中等难度的演讲(假设您已经了解Blazor),充满了提示和技巧,包括:更清晰地组织JS互操作、直接访问最终用户文件系统上的文件、动态生成SVG、创建优雅的“加载”体验以及AOT编译的性能影响。提供完整的源代码!
- .NET 7中的WebAssembly ❤️ .NET | .NET Conf 2022 – 2022年11月10日 – .NET 7引入了在WebAssembly上运行.NET代码的强大新功能。在本次演讲中,我们将展示如何使用新的和改进的JavaScript互操作支持从任何JavaScript代码中运行.NET。我们将介绍.NET在WebAssembly上的调试和热重载改进,并展示.NET 7中的.NET WebAssembly构建工具如何利用最新的WebAssembly功能(如SIMD和异常处理)来提高性能。我们还将介绍一些即将推出和实验性的.NET WebAssembly功能,如多线程支持。
- 使用Playwright测试Blazor应用程序 | .NET Conf 2022 – 2022年11月10日 – 测试很难,测试需要时间学习和编写,而时间就是金钱。作为开发人员,我们想要测试。我们知道我们应该测试,但我们没有时间。那么我们如何让更多的开发人员进行测试呢?我们可以创建更好的工具。让我向您介绍Playwright – 一种可靠的端到端跨浏览器测试工具,由Microsoft全面开源。Playwright的代码生成为您生成测试,所以现在您真的没有借口了。是时候玩转您的测试了。
- 使用Blazor Hybrid使用Web技术创建本机桌面和移动应用程序 | .NET Conf 2022 – 2022年11月10日 – 您是Web开发人员,需要针对iOS、Android、macOS和Windows进行开发吗?使用.NET MAUI和Blazor Hybrid直接发布到商店并构建世界级应用程序,具有本机API访问权限。
- 使用Blazor现代化您的WPF和Windows Forms应用程序 | .NET Conf 2022 – 2022年11月10日 – 桌面应用程序并未消亡,有许多使用WPF和Windows Forms编写的应用程序需要转移到Web上,或者重用由Web团队编写的现成组件。Blazor可以满足这两个要求,感谢Blazor Hybrid。让我们看看您如何使用它。
- Blazor开发人员的CSS技术 | .NET Conf 2022 – 2022年11月10日 – 您的CSS代码是否让您想起《收藏者》的一集?在本次演讲中,我们将探讨Blazor开发人员面临的各种与CSS相关的架构决策。与会者将学习何时以及如何使用纯CSS、Sass或CSS隔离与Blazor。我们将讨论自定义CSS属性等现代CSS技术。我们将探索通过利用CSS原则和整合辅助库构建模块化和智能CSS的技术。本次演讲旨在打破对Bootstrap和Tailwind等CSS系统的依赖。
- 使用Blazor和.NET构建Azure静态Web应用程序 | .NET Conf 2022 – 2022年11月10日 – 您是一名.NET开发人员,想要快速构建和部署全栈.NET无服务器应用程序吗?那么这个演讲适合您!在本次演讲中,我们将学习如何使用Azure静态Web应用程序与Blazor和.NET。首先,我们将探索Azure静态Web应用程序。然后,看看如何使用与.NET Azure Functions或Azure Container Apps配对的Blazor WebAssembly入门。我们将继续探索其他现有的.NET API选项。最后,我们将发现如何从我们的代码存储库自动构建和部署到Azure。
- Blazor本地化:Carl Franklin的Blazor培训第90集 – 2022年11月3日 – Carl展示了如何在Blazor WebAssembly应用程序中轻松支持多种语言。
- 使用Blazor和RavenDB构建“Next Tech Event”第12部分 – 2022年11月2日 – 项目“NextTechEvent”的第12部分,该网站将帮助演讲者、组织者和参与者找到他们的下一个技术活动。在本次直播中,我们使用RavenDB添加了搜索功能,通过添加索引的方式。组织者可以按名称、国家、位置、城市和标签或它们的组合来筛选会议。这样我们就可以看到在“斯德哥尔摩”有多少个会议,或者所有名为“NDC”的会议。 源代码。
- MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 – 2022年10月20日 – 添加嘉宾、链接和播放列表功能。
- ASP.NET Community Standup – Blazor in .NET 7 Part III – 2022年10月11日 – 了解Blazor在.NET 7中的最新多线程和MSAL开发。社区链接。
- MSAL Auth in Blazor Server – 2022年9月22日 – Carl展示如何使用MSAL和Azure AD B2C对用户进行身份验证并调用安全API。
- ASP.NET Community Standup – Blazor in .NET 7 Part II – 2022年9月13日 – 了解Blazor在.NET 7中的令人兴奋的运行时变化。社区链接。第一部分。
- 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分 – 2022年9月8日 – 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分。
- Roslyn语法高亮 | Blazor文本编辑器第2部分 – 2022年9月8日 – Roslyn语法高亮 | Blazor文本编辑器第2部分。
- 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分 – 2022年9月8日 – 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分。
- .NET MAUI和Blazor – 在应用和Web之间共享代码 – 2022年9月2日 – 在这个视频中,Daniel将向您展示如何为.NET MAUI和Blazor创建一个项目,并如何组织代码,以便在应用和Web之间共享。 源代码。
- Blazor在100秒内 – 2022年9月1日 – 简短介绍Blazor。Blazor是一个使用HTML、CSS和C#构建前端Web应用程序的框架。它利用WebAssembly来消除通常的客户端技术栈中的JavaScript。
- 在几分钟内使用Blazor构建交互式待办事项列表 – 2022年8月28日 – 在本教程中,我们将学习如何使用Blazor创建一个待办事项列表,并使用Bootstrap改进页面。
- Blazor在.NET 7中 – .NET社区站立 – 2022年8月23日 – 由Daniel Roth、Jon Galloway、Mackinnon Buck和Tanay Parikh概述了.NET 7中的Blazor。了解Blazor在.NET 7中即将推出的伟大新功能。
- Blazor绝对初学者21分钟 – 2022年8月22日 – 在本教程中,您将学习使用Blazor构建网站的基础知识,以及默认的Blazor项目模板的工作原理。如果您有任何问题,请随时留言,我会尽力回复。我还在下面添加了一些您可能会发现有用的注释。
- 在Blazor中实现主页标题 – 2022年7月18日 – 在本次会议中,Josh和我将继续在开源空间中构建一个去中心化的社交媒体平台。在这个特定的会议中,我们将讨论、设计和实现使用SharpStyles在Blazor中的主页标题。
- Blazor:Blazor WebAssembly中的状态管理方式 – 2022年7月12日 – ASP.NET社区站立 – Blazor:Blazor WebAssembly中的状态管理方式。在使用Blazor WebAssembly应用程序时,我们经常忽视适当的状态管理的重要性。如果没有良好的理解和正确的策略,我们的应用程序可能会被具有不良行为的组件污染,我们最终会后悔糟糕的选择。- 本次会议涵盖了简单的状态管理方式,然后逐渐发展到像Redux模式这样更有趣的东西。我们将看到每种方式的优点和缺点。接下来,我们将退后一步,确定与我们的应用程序配对的适当状态管理调味品。您将在本次会议中品尝到所有美味的风味,并能够做出明智的决策,以获得最佳的开发体验。社区链接。
- 使用AAD保护Blazor和Web API – 2022年7月11日 – 本视频展示了如何使用Azure Active Directory (AAD)保护您的Blazor应用程序和Web API。
- Blazor和.NET在WASI上的未来 – 2022年7月7日 – Blazor和.NET在WASI上的未来,由Steve Sanderson在NDC Porto上的演讲。在这个以演示为中心的演讲中,微软开发者/架构师Steve将展示用于构建浏览器和本地应用程序的Blazor的最新技术。这将包括.NET 6中提供的强大新功能,以及正在开发的.NET 7和.NET MAUI的即将推出的增强功能。我们还将探讨更多实验性的未来可能性,包括在服务器上运行.NET Core的WASI(WebAssembly on the server),这将创建全新的云和边缘托管选项,并使您能够将.NET代码带到以前从未到达过的地方。
- 在Visual Studio内部测试新的Blazor实验性教程 – 2022年6月29日 – Visual Studio团队的Grace Taylor加入James,谈论他们正在进行的一个改进Visual Studio内部教程的新实验!他们的第一个实验将帮助开发人员开始学习和构建使用Blazor的Web应用程序。安装Visual Studio,您可能有机会测试团队的这个新实验性功能。
- 在Blazor中测试驱动CSS样式 – 2022年6月20日 – 本视频介绍了在Blazor中测试驱动的CSS样式。
- 我应该专注于Blazor还是ASP.NET Core? – 2022年6月16日 – 我应该更深入地学习Blazor还是更好地了解ASP.NET Core?哪个是首先学好的更好的选择?我应该来回跳动还是专注于一个?
- 在Blazor WebAssembly中持久化数据 – 2022年6月3日 – Carl使用基于IndexedDB的客户端存储库来持久化数据,即使没有互联网连接。
- 使用TypeScript与Blazor – 2022年5月27日 – Carl向您展示如何在创建Blazor组件时使用TypeScript。
- 使用.NET和Visual Studio为任何设备构建原生应用程序 – 2022年5月25日 – 了解如何使用Visual Studio和.NET Multi-platform App UI (.NET MAUI)快速、迭代地构建现代、原生和混合式Web应用程序,以适用于任何设备。我们将为您介绍可以加快开发时间、从单个代码库创建功能强大的原生桌面和移动应用程序(适用于Windows、macOS、iOS和Android)的工具和框架。我们还将向您展示如何通过原生设备功能增强您的Blazor Web应用程序。
- 使用Blazor Hybrid构建原生客户端应用程序 – 2022年5月25日 – Blazor使用最新的开放Web标准,实现了使用.NET进行全栈Web开发。但是,如果您需要构建原生客户端应用程序呢?Blazor正在扩展到Web以外的领域,通过使用Web技术和.NET的混合方式来支持构建原生客户端应用程序。在本次演讲中,我们将介绍.NET MAUI中的新的Blazor Hybrid支持,用于构建跨平台的原生客户端应用程序(适用于移动设备和桌面),以及用于现代化WPF和Windows Forms应用程序的Blazor Hybrid支持。
- .NET Core和WASI(服务器上的WebAssembly)的未来可能性 – 2022年5月25日 – WebAssembly正在超越浏览器,成为现代云原生架构的基础元素。它可以让任何语言编译为在任何操作系统或处理器上运行的通用二进制文件,具有强大的沙箱和出色的性能。本次演讲介绍了在WASI环境中运行.NET的新方法。您将了解到如何将现有的.NET代码构建为符合WASI标准的模块,以及这样做带来的机会。这是一个实验性的项目,尚未成为正式产品。
- .NET MAUI入门教程-面向初学者的完整课程|使用C#在iOS、Android、Mac和Windows上进行教程 – 2022年5月23日 – 让我们一起开始我们的旅程,使用.NET MAUI、C#和Visual Studio构建美观的原生跨平台应用程序,适用于iOS、Android、macOS和Windows!在这个完整的工作坊中,我将带您了解关于.NET MAUI和构建您的第一个应用程序的所有基础知识。您将学习基础知识,包括如何使用XAML构建用户界面,如何使用MVVM和数据绑定简化开发,如何在页面之间导航,访问平台功能(如地理位置),优化数据集合,并为浅色和深色主题设置应用程序主题。这门课程包含了您学习基础知识所需的一切,并为您在使用.NET MAUI构建应用程序时取得成功做好准备。
- 使用Syncfusion在Blazor中显示自定义报告 – 2022年5月20日 – 在上一个视频中,我们使用Bold Reports Designer创建了一个自定义报告。我们可以使用提供的Bold Reports Viewer来显示报告,但这并不总是符合您的要求。因此,今天我们将在Blazor Server应用程序中实现一个报告查看器。这样,我们可以在我们的网站内直接向客户展示我们的自定义报告,而不是将他们发送到单独的应用程序中。
- 将WebAssembly引入.NET主流-Steve Sanderson – 2022年5月19日 – 许多开发人员仍然认为WebAssembly是一种与低级系统编程语言相关的前沿技术。然而,自2017年以来,C#和.NET就已经可以在WebAssembly上运行。Blazor WebAssembly将.NET引入了基于开放标准的浏览器中,现在已经成为.NET在企业、初创公司和爱好者中增长最快的部分之一。接下来,通过WASI,我们可以让您在更多地方运行.NET,为全球开发者社区的更广泛部分引入云原生工具和技术。这是一个技术性的演讲,展示了我们如何将.NET引入WebAssembly。Steve将演示它如何同时运行解释和AOT编译,IDE调试器如何附加,性能权衡以及从Emscripten迁移到WASI SDK如何使其在Wasmtime/Wasmer或像wasmCloud这样的更高级运行时中运行。其次,您将了解到Blazor作为一个开源项目的经验教训-在将WebAssembly引入早期采用者之外所面临的挑战和误解。
- 使用ServiceStack在Blazor中进行快速开发模型和类型化的端到端服务 – 2022年5月19日 – 在这个视频中,我们使用ServiceStack Blazor WASM模板,展示了使用类型化的端到端服务和Blazor构建业务应用程序的强大性。该模板提供了关注点清晰分离、类型化的端到端安全性以及由于共享的C#语言、Visual Studio Hot Reload和ServiceStack消息中心设计而带来的快速迭代。
- ASP.NET社区站立 – 让我们使用.NET MAUI和Blazor构建应用程序 – 2022年5月17日 – 展示将Blazor WASM PWA迁移到.NET MAUI和Blazor Hybrid。社区链接。
- 使Blazor与所有内容兼容,以及服务器上的WebAssembly – 2022年5月13日 – Steve Sanderson在NDC London 2022上的演讲。现实世界的软件项目通常涉及多种技术的组合。那么,现代Blazor是否足够强大和灵活,适合您团队的需求?在这个以演示为主的演讲中,Steve将展示Blazor WebAssembly/Server如何无缝嵌入其他语言(如Rust或C/C++)编写的库和逻辑,Blazor WebAssembly/Server组件如何在其他SPA框架(如React或Angular)中使用(或反之),以及Blazor组件如何不仅用于Web项目,还与macOS、iOS、Android和Windows的原生应用程序共享(包括WPF和WinForms)。这些功能应该使您的团队能够自信地承担最具雄心的项目。然后,我们将进一步展望未来,考虑WebAssembly如何超越浏览器,成为云原生服务器应用程序的基础元素。您将是第一个看到将.NET应用程序编译为符合WASI标准的通用二进制文件的实验性新方法,这些文件可以在任何操作系统或处理器上运行,具有强大的沙箱和出色的性能。
- 使用Syncfusion在Blazor中创建自定义报告-PDF、Word、Excel和PowerPoint – 2022年5月13日 – 使用C#创建办公文件一直是一种受欢迎的解决方案。您可以生成用户熟悉的格式的报告。使用Syncfusion文件控件,您不仅可以创建Excel文件,还可以创建Microsoft Word文档、PowerPoint演示文稿和PDF文档。在这个视频中,我们将介绍Syncfusion中的办公文件控件以及如何使用它们。
- 使用.NET和Blazor构建Microsoft Teams应用程序 – 2022年5月11日 – John Miller加入James在本周的On .NET节目中,讨论了.NET开发人员如何完全使用C#、.NET和Blazor构建Microsoft Teams应用程序和机器人!John将向我们展示一切我们需要了解的内容,甚至如何发布Teams应用程序。
- Syncfusion中的Blazor控件介绍 – 2022年5月11日 – Syncfusion中的Blazor控件非常强大。在这个视频中,我们将介绍DataGrid、图表、看板式面板、仪表板、自动完成文本框、上下文菜单、签名板、菜单栏、弹出消息等控件。实际上有很多控件要介绍,因此我们将有意忽略办公文件创建和显示控件,以及报告。这样,我们今天可以在其他控件上花更多时间,然后在另一个视频中专注于办公文件。报告将有两个不同的视频专门介绍。
- 使用BFF模式保护SPAs和Blazor应用程序 – 2022年5月10日 – 现代Web开发意味着越来越多的应用程序代码在浏览器中运行。传统上,这是使用JavaScript完成的,但最近越来越多地使用C#/WASM和Blazor。这些现代应用程序通常还需要身份验证和单点登录,以及基于令牌的调用API的安全性-换句话说,OpenID Connect和OAuth 2。有不同的模式可以保护此类应用程序,本次演讲涵盖了各种方法的一些问题,特别是考虑到不断变化的浏览器环境。我们将以“前端后端”(或BFF)模式结束,这已成为这些方法中最安全和最稳定的模式。
- 使用Azure DevOps和Static Web Apps进行多环境部署 – 2022年5月5日 – 应用程序演示,使用Azure DevOps管道创建静态Web应用程序,添加Azure DevOps环境并配置批准,配置多阶段管道,静态Web应用程序命名的预览环境,Playwright测试,生产部署之前的手动批准,使用密码保护分段环境。源代码。
- On .NET Live – 在Blazor WASM中封装浏览器API – 2022年5月2日 – 在本周的节目中,Kristoffer Strube加入了小组,向我们展示了一个用于浏览器文件系统访问API的Blazor WASM封装。他带来了演示和代码分享,所以这是一个您不想错过的节目。
- 使用BFF模式保护SPAs和Blazor应用程序 – 2022年4月29日 – 在NDC Porto上,Dominick Baier介绍了使用BFF(前端后端)模式保护SPAs和Blazor应用程序的方法。
- Blazor中的状态管理 – 2022年4月29日 – 在开发单页面应用程序时,状态管理是非常重要的一个方面。由于Blazor是一个基于组件的UI框架,当应用程序的状态发生变化时,我们如何更新UI呢?
- 使用Blazor进行流式传输:REST、gRPC和SignalR – 2022年4月29日 – 使用Blazor进行流式传输:REST、gRPC和SignalR,由Carl Franklin在NDC Porto 2022上演讲。学习如何从服务器流式传输数据到客户端,以提高感知性能和增加可扩展性。Carl展示了流式传输的工作原理,以及如何使用这三种传输方式进行实现。
- C#中的SignalR入门第1部分 – 使用Blazor、WPF、最佳实践等 – 2022年4月25日 – SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。最好的部分是,这个库只是对Web Sockets和Long-Polling等Web标准技术的封装。它只是让它们更容易使用。这意味着我们甚至可以将SignalR与其他客户端(如Java或JavaScript)一起使用。在这个视频中,我们将学习如何设置SignalR以及如何使用Web客户端和桌面客户端连接到它。在整个视频中,我们将涵盖最佳实践,以及如何在实际应用中使用它。
- 重新审视MVVM – 2022年4月21日 – Carl重新审视了使用Blazor的MVVM主题,澄清了您的选择。
- 可查询的存储库 – 2022年4月14日 – 构建一个客户端可以查询的通用存储库。
- ASP.NET社区站立 – Blazorators:Blazor C#源代码生成器 – 2022年4月12日 – David Pine在本月的Blazor社区站立上介绍了Blazorators,Blazor C#源代码生成器。社区链接。
- .NET MAUI Blazor – 构建混合移动、桌面和Web应用程序 – 2022年4月1日 – Blazor使得使用.NET构建客户端Web UI成为可能,但有时您需要更多的功能。有时您需要完全访问设备的本机功能。现在,您可以在.NET MAUI应用程序中托管Blazor组件,使用Web UI构建跨平台本机应用程序。这些组件在.NET进程中运行,并使用本地互操作通道将Web UI呈现到嵌入的Web视图控件中。这种混合方法使您可以兼具本机和Web的优点。您的组件可以通过.NET平台访问本机功能,并呈现标准的Web UI。.NET MAUI Blazor应用程序可以在任何.NET MAUI上运行(Windows、Mac、iOS和Android)。
- 使用Fluxor管理应用程序状态 – 2022年3月31日 – 使用Fluxor进行应用程序状态管理,Flux/Redux库适用于Blazor。
- 带有Identity的Blazor基础知识 – 2022年3月14日 – Fritz向您展示如何将身份验证和授权连接到您的Blazor应用程序。我们将重点介绍如何将正确配置的Microsoft Identity应用程序连接到您的Blazor框架。
- ASP.NET社区站立 – 使用Blazor Hybrid创建本机客户端应用程序 – 2022年3月8日 – 加入这个Blazor社区站立,了解如何使用Blazor Hybrid创建适用于Windows、iOS、Android和Mac的跨平台本机客户端应用程序。社区链接。
- 使用Tailwind CSS构建漂亮的Blazor应用程序 – 2022年3月2日 – Tailwind CSS已经成为一段时间以来越来越受欢迎的框架。它正在迅速成为在样式化应用程序时使用的顶级框架之一。它提供了一种与传统框架(如Bootstrap)不同的方法-基于实用程序的样式化。与使用预构建组件(导致您的应用程序看起来像网络上的其他应用程序)不同,您可以通过应用小而专注的CSS类来定制设计,从而为您的应用程序创建独特的样式。在这个演讲中,您将学习如何将Tailwind CSS的强大功能带到您的Blazor应用程序中。我们将从介绍Tailwind以及它与其他CSS框架的区别开始。然后,我们将进入一些代码,并看看如何将Tailwind与Blazor集成。在接下来的时间里,我们将探索Tailwind的各种功能,并看看我们可以为我们的Blazor应用程序创造多么美丽的界面。由Chris Sainty在NDC Oslo 2021上演讲。
- 使用bUnit对Blazor组件进行最佳实践单元测试 – 2022年3月1日 – 为什么要创建UI组件的测试?UI测试不是天生脆弱、运行缓慢且难以维护吗?由Egil Hansen在NDC Oslo 2021上演讲。
- 使用CSharpFritz学习C# – Blazor应用程序托管 – 2022年2月28日 – 您已经构建了Blazor应用程序,现在在哪里运行它?在这个充满演示的会议上,Fritz将介绍渐进式Web应用程序、使用Docker打包以及将Blazor应用程序部署到Azure。社区链接。
- Blazor、.NET 6和WebAssembly – 2022年2月21日 – Steve Sanderson在NDC Oslo 2021上的演讲。.NET 6对于Blazor来说是一个重要的版本,为.NET Web开发人员增加了许多强大的新功能。这个演讲将充满演示,让您了解这个热门框架的最新情况。
- 使用Blazor构建经典冒险游戏 – 2022年2月14日 – Blazor是一个免费且开源的Web框架,使开发人员能够使用C#和HTML创建Web应用程序。作为一名.NET开发人员,我也是经典指向和点击冒险游戏的忠实粉丝,我将我的Game-a-Tron 4000冒险游戏引擎移植到了Blazor上。
- ASP.NET社区站立 – Blazor .NET 7路线图 – 2022年2月8日 – 了解Blazor在.NET 7中的计划。社区链接。
- C# Corner .NET大会第1天 – 2022年1月24日 – 大会的第一天以Scott Hunter的主题演讲开始。第一天的重点是前端技术(Blazor)。会议网站。
- ASP.NET社区站立 – Blazor WebAssembly在.NET 6上 – 2022年1月11日 – 加入Blazor创始人Steve Sanderson,了解Blazor WebAssembly在.NET 6上的特殊情况。社区链接。
- 档案 – 2021, 2020, 2019, 2018, 2017。
文章
- 状态没有改变?为什么和何时重新渲染 Blazor 组件 – 2023年4月12日 – 迟早,当您构建 Blazor UI 时,您会遇到一个情况,即您的组件在您期望时没有重新渲染。
- 如何构建快速且可重用的 Blazor 代码 – 2023年4月3日 – 微软甚至提供了一个使用 Blazor 构建可重用组件的学习模块,展示了如何构建包含 Blazor 组件的 Razor 类库,将 Razor 类库打包供其他 Blazor 应用程序使用,并在 Blazor 应用程序中引用 Razor 类库并使用其组件。作者:Jeffrey T. Fritz。
- Blazor United – 解决 Blazor 的最大挑战? – 2023年2月23日 – .NET 8 中的 Blazor 将有一些重大变化,看起来非常有前途。
- Blazor NavigationManager – 2023年2月23日 – NavigationManager 是一种服务,使开发人员能够以编程方式将用户导航到不同的页面或外部 URI。在 ASP.NET Core 7 中,添加了一些新功能,使我们能够在页面之间解析简单状态并监听和拦截导航。在本文中,我们将介绍 NavigationManager 的基本功能,介绍 ASP.NET Core 7 中添加的新功能,讨论它如何适应 Blazor/.NET 生态系统,并最后介绍一个现在可以相对轻松实现的场景。
- 宣布 .NET 8 预览版 1 – 2023年2月21日 – .NET 8 的第一个预览版已经准备好下载。这篇博文介绍了驱动增强开发的主要主题和目标。.NET 8 的预览版和候选版本将每月发布。正式版本将像往常一样在 11 月的 .NET Conf 中发布。
- 使用 Blazor WASM 集成 Azure Active Directory 多租户 – 第 1 部分 – 2023年2月19日 – 这篇博客分为两部分。第一部分描述了在 Azure 上设置 Azure Active Directory 多租户的过程,第二部分描述了如何与 Blazor WASM 应用程序集成。源代码 。
- 在原生 Blazor 应用程序中嵌入报表 – 2023年2月14日 – 查看使用 Telerik UI for Blazor 控件实现的最新 Progress Telerik Reporting 查看器的设置和自定义,包括 Blazor Wasm 和 Blazor Server。
- 宣布 Blazorise 1.2 – 2023年2月1日 – 发布 Blazorise v1.2,为框架带来了许多新功能、改进和错误修复。
- WebAssembly 的现状 – 2022 年和 2023 年 – 2023年1月30日 – 本文介绍了 WebAssembly(wasm)的当前状态。首先回顾了 2022 年的发展情况,然后尝试预测我认为 2023 年的发展方向。
- Blazor WebAssembly 简明指南 – 电子书更新 – 2023年1月30日 – Michael Washington 的电子书《Blazor WebAssembly 简明指南》的第二版。
- 在服务器端 Blazor 中播放动态音频 – 2023年1月28日 – 您可以在 Blazor Server 应用程序中播放动态音频,并完全控制用户界面。关于本文的 YouTube 视频。
- .NET MAUI Blazor – 移动 UI 的最佳实践 – 2023年1月27日 – Blazor 和 .NET MAUI 都是强大的框架。使用 .NET MAUI,您可以构建完全本机的跨平台应用程序,并使用 Blazor 完全使用 C# 构建 Web 应用程序。但是,当您将它们与 MAUI Blazor 模板结合使用时,您需要知道它应该感觉像一个移动应用程序,而不是一个网页。本文解释了一些技巧和诀窍。
- Steve Sanderson 通过 “Blazor United” 为 .NET 8 吸引了 Web 开发人员 – 2023年1月26日 – 我们开始了一些实验,将 Razor Pages、Blazor Server 和 Blazor WebAssembly 的优势结合到一个项目中。
- 使用 WebAssembly 从 JavaScript 中调用 .NET 代码 – 2023年1月23日 – Blazor WebAssembly 允许在浏览器中运行 .NET Web 应用程序。从 .NET 7 开始,您可以轻松地从 JavaScript 中运行任何 .NET 方法,而无需整个 Blazor 框架。让我们看看如何从 JavaScript 中运行 .NET 方法。
- 改善 Blazor 启动过程的用户体验 – 2023年1月21日 – 您可以使用 Blazor 做很多事情:PWA、SSR、SPA、混合应用程序…每种模式下用户看到第一个页面的过程都不同。
- 通过提供自定义 ICU 数据来减小 Blazor WASM 的大小 – 2023年1月16日 – 通过提供自定义 ICU 数据来减小 Blazor WASM 的大小。
- 在 HTML 或 React 中使用 Blazor 自定义元素 – 2022年12月22日 – 自 .NET 7.0 版本以来,Microsoft 增强并集成了创建 HTML 自定义元素 的能力。这些自定义元素为开发人员提供了一种创建自己的功能齐全的 DOM 元素的方法。在 Blazor 中,这允许将这些组件发布到其他 SPA 框架(如 Angular 或 React)。有关详细信息,请参阅 Microsoft 文档。
- 使用 .NET 7、Blazor 和 .NET MAUI 构建自己的播客应用程序 – 2022年12月19日 – .NET Podcast 应用程序首次在 .NET Conf 2021 上亮相,并最近更新以突出显示 .NET 7 中的新功能。播客应用程序是一个可用的示例应用程序,展示了 .NET、ASP.NET Core、Blazor、.NET MAUI、Azure 容器应用程序、Orleans、Power Platform、Playwright 等的新功能。本文解释了所有新功能,并展示了我们如何升级 .NET Podcast 应用程序以利用这些功能。
- .NET 与 WASM 的未来 – 2022年12月15日 – 本文介绍了在浏览器之外使用 WASM 的好处,以及它作为服务器上的一种变革性技术的潜力。
- 从 Blazor WebAssembly (WASM) 应用程序使用 Keycloak 作为身份提供者 – 2022年12月8日 – 了解如何从 Blazor WASM 集成 Keycloak。创建一个公共客户端,并使用 Microsoft.AspNetCore.Components.WebAssembly.Authentication 的内置功能,与符合 OpenId Connect 的提供者集成。源代码 包含 ChartJs。
- Microsoft Fluent UI 库为 Blazor 版本 2.0 带来了什么新功能 – 2022年12月5日 – Microsoft Fluent UI 库为 Blazor 版本 2.0 带来了什么新功能。
- 使用 Blazor 构建管理 Viva Learning 中自定义提供程序的 Web 应用程序 – 2022年11月29日 – 在本文中,我们将重复使用我们学到的概念来构建更好的体验:一个 Web 应用程序,我们可以用它来管理我们的自定义学习提供程序及其内容。我们将重点介绍如何在真实应用程序中实现我们已经了解的这些 API 的一些特殊功能,例如根据您正在处理的内容类型需要不同的权限集。
- 维护版本发布:Blazorise 1.1.4 – 2022年11月24日 – 这个新的 Blazorise 1.1.4 是一个热修复版本,解决了这个问题以及其他一些较小的问题。对于所有 Blazorise 1.1 和 Blazorise 1.1.3 的用户,Blazorise 1.1.4 是一个推荐的升级版本。
- Blazor WebAssembly:使用自定义 Chrome 开发者工具调试 gRPC-Web – 2022年11月17日 – 如果您正在使用 Blazor,gRPC 是将数据从 API 传输到客户端的一个大问题。使用 gRPC-Web 进行开发的一个问题是调试传输的数据,因为数据是以高效的二进制消息格式。本文将向您展示如何使用我的 NuGet 解决此问题。
- 发布:Blazorise 1.1.3 – 2022年11月8日 – 这个 Blazorise 版本本应只是一个小的维护版本。然而,我们得到了一些相对较大的功能和公告,包括对 .NET 7 的支持。
- 容器化的 Blazor:Microsoft 考虑为客户端 Blazor WebAssembly 应用程序提供内置容器支持 – 2022年11月2日 – Microsoft 正在探索为客户端 Blazor WebAssembly 应用程序提供内置容器支持。Visual Studio Magazine 上的文章。
- 在 Blazor Web Assembly 中上传前调整图像大小 – 2022年10月31日 – 在 Blazor Web Assembly 中上传前调整图像大小。
- 尝试使用 Docker 上的 .NET 7、WASM 和 WASI 进行实验 – 2022年10月31日 – 在 10 月 24 日,Docker 宣布在新的技术预览版本中支持 WASM 和 WASI。本文尝试使用 .NET 7 进行实验,并看看它如何与 WASM 一起工作。
- 如何使用 Razor 类库在各处运行 Blazor 项目? – 2022年10月29日 – Blazor 的一个很酷的功能是代码的可重用性。使用 Razor 类库,我们可以在所有 Blazor 类型的项目中使用我们的 Razor 组件,如 Blazor Server、WASM 和 MAUI Hybrid。
- 使用 WASM 和 WASI 在 Raspberry PI Zero 2 W 上运行 .NET 7 – 2022年10月29日 – 本文将向您展示如何使用 WASM 和 WASI 在 Raspberry PI Zero 2 W 上运行 .NET 7。
- 介绍 Docker+Wasm 技术预览版 – 2022年10月24日 – Docker+Wasm 的技术预览版现已推出!Wasm 最近引起了很多关注,这个功能将使您能够更轻松地快速构建针对 Wasm 运行时的应用程序。
- 第 1 部分 – 由 Elsa 工作流驱动的用户界面 – 2022年10月12日 – 本系列描述了由 Elsa 工作流引擎驱动的用户界面的实现。
- .NET 7 发布候选版 2 中的 ASP.NET Core 更新 – 2022年10月11日 – .NET 7 发布候选版 2 (RC2) 现已发布,其中包含许多 ASP.NET Core 和 Blazor 的重大改进:改进了 Blazor WebAssembly 中的身份验证诊断和 WebAssembly 多线程(实验性)。
- 无需等待 .NET 8 即可尝试实验性的 WebAssembly 多线程 – 2022年10月11日 – 客户端 Blazor WebAssembly 应用程序的多线程支持计划于 2023 年 11 月的 .NET 8 中推出,但开发人员现在可以通过全新的 .NET 7 发布候选版 2 中的实验功能来尝试它。
- 使用 .NET 7 的 Blazor 自定义元素呈现动态内容 – 2022年10月5日 – 使用 .NET 7 的 Blazor 自定义元素呈现动态内容,作者:Jon Hilton。
- 创建通用的树视图 Blazor 组件 – 2022年10月4日 – 本文展示了一个可以以树视图递归显示对象的 Blazor 组件。该组件是作为项目 FHIR Watch 的一部分而创建的,FHIR Watch 是一个用于比较来自两个不同数据源的 FHIR 数据的工具:FHIR API 服务和 Dataverse。因此,它特别适用于显示 FHIR 数据。
- Blazor WebAssembly 的干净架构解决方案模板 – 2022年9月30日 – 本文展示了如何安装新模板,使用模板创建和运行新应用程序,然后分享一些推荐的资源。
- WebAssembly 在 .NET 7 RC1 中成为 ASP.NET Core 的焦点 – 2022年9月20日 – WebAssembly,使客户端端 Blazor 工作的开源技术,成为新的 ASP.NET Core 更新中的焦点。
- C# / Blazor Wolfenstein – 第 7 部分 – 实心墙、门和 C# 观察 – 2022年9月20日 – 解释如何将游戏 Wolfenstein 3D 移植到 C# 和 Blazor 的文章的第 7 部分。源代码 。
- C# / Blazor Wolfenstein – 第 6 部分 – 基本射线投射器 – 2022年9月18日 – 解释如何将游戏 Wolfenstein 3D 移植到 C# 和 Blazor 的文章的第 6 部分。源代码 。
- ASP.NET Core 更新中的 .NET 7 发布候选版 1 – 2022年9月14日 – .NET 7 发布候选版 1 (RC1) 现已发布,其中包含许多 ASP.NET Core 的重大改进。
- 为什么即使重新加载,您的支持离线的 Blazor WebAssembly PWA 也无法更新? – 2022年9月7日 – 请想象一下,您有一个支持离线模式的 Blazor WebAssembly PWA 站点,并且一直在通过 Web 浏览器打开该 PWA。如果您发布了该 PWA 的新版本,您可能希望进行验证,我猜测。在这种情况下,您将重新加载该 Web 浏览器上的页面。然而,即使您进行硬刷新,您也可能意外地看不到新版本的内容。
- 为 Blazor WebAssembly 实现 OpenAPI 支持 – 2022年9月2日 – OpenAPI 是一种语言无关的规范,用于记录 RESTful API。它使人类和计算机都能够了解服务的功能,而无需访问代码、文档或使用其他方法。托管的 Blazor WebAssembly 应用程序包括用于文件和 API 访问的 ASP.NET Core 后端,因此实现对 OpenAPI 的支持提供了许多好处。
- .NET Blazor WASM 调试故障排除 – 2022年8月30日 – .NET Blazor WASM 调试故障排除。
- Oqtane 3.1.4发布 – 2022年7月27日 – 3.1.4版本主要集中在稳定性方面。这包括各种性能优化、用户体验改进和本地化增强。
- ClassFly UI – XAML vs Blazor – 第1部分 – XAML – 2022年7月23日 – 这个系列文章比较了XAML和Blazor的方法。将使用XAML和Blazor创建相同的应用程序,以发现优缺点。第1部分专注于XAML。
- 使用Azure Static Web Apps对Blazor WebAssembly进行身份验证 – 2022年7月22日 – Azure Static Web Apps是托管Blazor WebAssembly应用程序的绝佳选择。在Static Web Apps的众多功能中,它具有使用社交登录进行身份验证的内置支持。在本文中,我们将看看如何在Blazor WebAssembly应用程序中利用Static Web Apps身份验证。作者是来自微软的Anthony Chu。
- 使用依赖注入共享Blazor组件 – 2022年7月19日 – 使用依赖注入共享Blazor组件。
- 在Razor组件中使用IAsyncEnumerable – 2022年7月18日 – 在Razor组件中使用IAsyncEnumerable。
- Blazor贴纸赠送活动 – 2022年7月15日 – 在Visual Studio中尝试新的Blazor指南。继续阅读以了解如何尝试并有机会获得贴纸。
- .NET 7 Preview 6中的ASP.NET Core更新 – 2022年7月12日 – .NET 7 Preview 6现已发布,包含许多对ASP.NET Core的重大改进。Blazor自定义元素不再是实验性的,Blazor的实验性QuickGrid组件,WebAssembly上的System.Security.Cryptography支持,空的Blazor项目模板等等。有关.NET 7中计划的ASP.NET Core工作的更多详细信息,请参阅GitHub上的完整ASP.NET Core .NET 7路线图。
- Uno Platform在.NET 7之前几个月实现了WebAssembly线程 – 2022年6月29日 – Uno Platform在.NET 7之前几个月实现了WebAssembly线程,作者是David Ramel,发表在Visual Studio Magazine上。
- 我为什么为Blazor应用程序创建了另一个下载库的3个原因 – 2022年6月29日 – 我为什么为Blazor应用程序创建了另一个下载库的3个原因。
- Blazor在WebAssembly使用中取得最大增长:报告 – 2022年6月24日 – Blazor在WebAssembly使用中取得最大增长:报告,作者是David Ramel,发表在Visual Studio Magazine上。
- 在Blazor项目中实现RavenDB时间序列 – 2022年6月21日 – 在Blazor项目中实现RavenDB时间序列。
- Microsoft Fluent UI库的Blazor版本1.3和1.4中的新功能 – 2022年6月9日 – FAST团队和其他人一直在努力不仅改进Microsoft的核心Web组件平台,还改进了Blazor的Fluent UI集成。本文将为您介绍版本1.3和1.4的新功能和更改的概述Microsoft Fluent UI Blazor库。
- 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第3部分 – 2022年6月8日 – 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第3部分。第1部分。
- Blazor中的依赖注入作用域 – 2022年5月31日 – 依赖注入系统是现代ASP.NET Core内部工作的重要组成部分:它为开发人员提供了一种灵活的解决方案,用于构建项目、解耦依赖项并控制应用程序中组件的生命周期。然而,在Blazor – ASP.NET Core的一个新部分中,DI系统感觉有点奇怪,事情似乎与预期有些不同。本文将解释为什么这不仅仅是一种感觉,而是确实是第一位的情况,以及如何处理这些差异,以避免以后出现问题。
- .NET 7 Preview 4中的ASP.NET Core更新 – 2022年5月10日 – .NET 7 Preview 4现已发布,包含许多对ASP.NET Core的重大改进。来自微软的Dan Roth撰写的文章。
- 关于Blazor的深入探讨问答 – 2022年5月9日 – 关于Blazor的深入探讨问答,发表在Visual Studio Magazine上。
- Syncfusion Essential Studio发布增强了.NET MAUI、WinUI、Blazor等 – 2022年5月6日 – Syncfusion Essential Studio发布增强了.NET MAUI、WinUI、Blazor等,发表在Visual Studio Magazine上。
- 使用查询字符串在Blazor页面之间传递选定值的数组 – 2022年4月28日 – 使用查询字符串在Blazor页面之间传递选定值的数组。
- 使用Docker容器化Blazor WASM、ASPNET Core WebApi、NGINX和Let’s Encrypt – 2022年4月26日 – 关于将由多个Blazor WASM应用程序、ASPNET Core Web Api、NGINX和Let’s Encrypt SSL证书组成的复杂系统容器化的指南。
- Blazor WebAssembly:在浏览器中使用EF Core和SQLite的强大功能 – 2022年4月12日 – 预览如何在浏览器中使用Blazor WebAssembly使用SQLite和EF Core的强大功能。
- 精通Blazor – 第1部分:DOM集成 – 2022年3月31日 – 精通Blazor – 第1部分:DOM集成。
- 条件Blazor样式(无需if语句) – 2022年3月24日 – 条件Blazor样式(无需if语句)。
- 使用Azure Active Directory保护Blazor WebAssembly托管应用程序 – 2022年3月18日 – 使用Azure Active Directory保护Blazor WebAssembly托管应用程序。第2部分。
- 使用Blazor WebAssembly和GraphQL创建全栈Web应用程序:第1部分 – 2022年2月17日 – 本文介绍了如何使用Blazor WebAssembly和GraphQL以及SQL Server作为数据库创建全栈Web应用程序。
- .NET 7中Blazor Hybrid的新功能 – 2022年2月10日 – .NET 7中Blazor Hybrid的新功能,发表在Visual Studio Magazine上。
- 在开发Blazor应用程序时使用Tailwind的新JIT模式 – 2022年1月19日 – 在开发Blazor应用程序时使用Tailwind的新JIT模式。
- 存档 – 2021,2020,2019,2018,2017。
Podcasts
- Chris Sainty: Blazor in Action – Azure DevOps Episode 238 – 2023年3月27日 – Chris是一位微软MVP、作者和拥有17年ASP.NET经验的软件工程师。他热衷于与社区分享知识,定期为自己的博客以及Visual Studio杂志、Progress Telerik和StackOverflow等其他平台撰写文章。这种对博客的热情使他写了他的第一本书《Blazor in Action》,这是一本构建Blazor应用程序的实用指南。他还在GitHub组织Blazored下维护着几个受欢迎的开源项目。除了敲击键盘外,Chris还是一位热情的演讲者,曾在世界各地的用户组和会议上发表演讲。时长:41分钟。
- .NET Rocks – Blazor United with Javier Nelson and Steve Sanderson – 2023年3月23日 – 如果你不必在客户端和服务器端Blazor之间进行选择怎么办?Carl和Richard与Javier Nelson和Steve Sanderson讨论了Blazor United在开发早期的情况,为客户端和服务器端渲染提供了灵活性。最简单的情况下,Blazor United在首次访问网站时提供服务器端渲染,以便您可以随时间加载更大的客户端组件。但更深层次的是,网页上的某些元素受益于客户端,某些元素受益于服务器端,为什么您只能选择一个呢?时长:53分钟。
- Steve Sanderson – Blazor、WASI和优化番茄 – 2022年7月17日 – 在NDC London上,我们与Steve Sanderson坐下来谈论了Blazor的起源故事,.NET 7的一些即将推出的功能,以及Steve目前正在开发的项目。时长:35分钟。
- WASM无处不在 – Steve Sanderson – 2022年7月7日 – WebAssembly很棒-你还能用它做什么?在NDC London期间,Carl和Richard与Steve Sanderson讨论了他在WebAssembly方面的工作,包括Blazor。Steve谈到了WebAssembly的不断发展,添加了WebAssembly系统集成。这打开了一个可能性,即WebAssembly中的代码可以在任何地方运行-任何操作系统、任何语言,使用任何可用的计算资源。这使得可以在客户端、服务器和中间任何位置运行代码成为可能。时长:55分钟。
- 索引化视频使用KlipTok与Jeff Fritz – 2022年6月2日 – 如何在事后找到一个很棒的视频剪辑?Carl和Richard与Jeff Fritz讨论了他构建KlipTok的工作,这是一个使Twitch视频剪辑更易于发现和共享的工具。Jeff深入探讨了KlipTok的一些棘手之处,它主要涉及快速索引和搜索以找到正确的剪辑。对各种数据存储技术和使用云的讨论不会让你失望。Jeff可能是一位微软员工,但这并不意味着他只使用微软工具进行项目开发。时长:57分钟。
- David Ortinau关于.NET MAUI – 2022年5月27日 – Jon Galloway与David Ortinau讨论了.NET MAUI。时长:41分钟。YouTube视频。
- Unhandled Exception Podcast:Microsoft Build 2022 – 2022年5月25日 – 微软刚刚举办了年度Build大会-其中涉及了许多关于微软开发者领域的热门编程主题的令人兴奋的公告和讨论。每年,我都渴望在Build之后立即发布一集播客,概述这些公告!好吧,今年-这个播客就是要做到这一点!在本集中,我邀请了Scott Hunter和Gaurav Seth一起讨论各种主题。请查看下面的链接,了解我们讨论的内容。时长:71分钟。
- ASP.NET、博客、Kubernetes等等 – 2022年5月10日 – 与Andrew Lock(andrewlock.net)的Unhandled Exception Podcast。他是Manning电子书《ASP.NET Core in Action, Second Edition》的作者。本集涵盖了很多内容-从ASP.NET的不同版本到Kubernetes、Blazor、gRPC、测试、Minimal API、MediatR等等。
- Umbraco Heartcore和Blazor,与Poornima Nayar – 2022年5月4日 – 在本集中,我们与Poornima Nayar讨论了Umbraco Heartcore以及您可能在哪里使用它,Blazor,一些关于GraphQL的内容以及它如何与与远程API通信的移动应用程序非常契合。时长:59分钟。
- 在Blazor的核心 – 2022年2月12日 – Steve Sanderson谈论了他进入技术领域的旅程,他的生活、教育、职业以及其他方面的一切。时长:73分钟。
- 存档 – 2021,2020,2019,2018,2017。
演示幻灯片
- 使用 .NET 5 和 Raspberry Pi – 2021年1月28日 – 在Slideshare上使用 .NET 5 和 Raspberry Pi。
- 档案 – 2020, 2019, 2018。
工具
-
LiveSharp – 更新
.razor
文件并立即查看更新,无需重新加载页面。由于无需重新加载任何内容,因此保留了应用程序状态。livesharp.net。 - BlazorFiddle – 在浏览器中的 Blazor .Net 开发人员游乐场和代码编辑器。
- Blazor 最小项目模板 – 一个不包含 JavaScript 和 CSS 库的 Blazor 应用程序项目模板包。
- Blazor REPL – 在浏览器中编写、编译、执行和共享 Blazor 组件 – https://blazorrepl.com。
- Blazor 代码片段 Visual Studio Code 扩展 – 提供 Blazor 和 Razor 代码片段的 Visual Studio Code 扩展。
- 发布时预渲染 Blazor Wasm – 当发布 Blazor WebAssembly 应用时,此包会预渲染并将应用保存为静态 HTML 文件到公共文件夹中。
- 发布 SPA 到 GitHub Pages – 将此 NuGet 包添加到您的 Blazor WebAssembly 项目中,以便轻松将其发布到 GitHub Pages。
- WebCompiler – 用于编译、缩小和压缩 scss、css 和 js 的 dotnet 全局工具。
- .NET Core – .NET Core。
- Razor+ Visual Studio Code 扩展 – 提供改进的 Razor 支持的 Visual Studio Code 扩展。
- Tracetool – Tracetool 查看器,Dotnet、Java、Javasvript、C++、Python、Delphi 的客户端 API。
- Visual Studio – Visual Studio 的最新预览版。
- Visual Studio Code – Visual Studio Code,免费、开源且跨平台的代码编辑器。
书籍
- 学习 Blazor – 使用 WebAssembly 和 C# 构建单页应用程序(作者:David Pine,通过 O’Reilly 于 2022年2月3日提前发布)。
- Microsoft Blazor: 使用 .NET 6 和更高版本构建 Web 应用程序 – 使用 .NET 6 学习 Blazor 的实用方法和实践(第3版(2021年12月8日))。
- Blazor WebAssembly 实例教程 – Blazor WebAssembly 实例教程:使用 .NET、Blazor WebAssembly 和 C# 构建基于项目的 Web 应用程序(第1版于2021年7月9日出版)。
- Blazor 实战 – 使用 Blazor、C# 和 .NET 构建可重用的 UI 组件和 Web 前端的实例驱动指南(Manning 早期访问计划于2020年10月开始)。
- Microsoft Blazor: 使用 .NET 构建 Web 应用程序 – Microsoft Blazor: 使用 .NET 构建 Web 应用程序(第二版于2020年5月出版)。
- Blazor 揭秘 – Blazor 揭秘,使用 .NET 构建 Web 应用程序(于2019年2月出版)。
- Blazor 快速入门指南:使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序 – Blazor 快速入门指南:使用 Blazor、EF Core 和 SQL Server 构建 Web 应用程序(于2018年10月31日出版)。
电子书
- Blazor WebAssembly 简明指南 – 2020年8月31日 – Blazor 是一个使用 C# 语言编写的 Razor 技术创建 SPA 网页的框架,支持客户端和服务器端架构。由于客户端 Blazor 使用 WebAssembly 在用户的浏览器上完全执行,因此对于许多应用程序来说非常快速。在《Blazor WebAssembly 简明指南》中,Michael Washington 将带领读者了解 Blazor 的核心元素,并通过构建一个示例应用程序来探索其他功能。免费电子书。
- Blazor 简明指南 – 2020年4月16日 – 一本免费的入门 Blazor 框架的电子书。
- Blazor,入门指南 – 2020年3月18日 – 一本免费的入门 Blazor 框架的电子书。示例源代码。
- Blazor for ASP.NET Web Forms 开发人员 – Blazor for ASP.NET Web Forms 开发人员,来自 Microsoft 的免费电子书。
- 使用 CSLA 5:Blazor 和 WebAssembly – 本书介绍了新的 Blazor UI 框架,包括如何创建服务器端和客户端端 WebAssembly 项目,如何实现身份验证和授权,以及如何使用数据绑定。然后,本书介绍了 CSLA .NET 如何支持 Blazor,并通过完整的示例应用程序进行了演示。
- 使用 Blazor 构建应用程序入门 – 2019年8月24日 – 《使用 Blazor 构建应用程序入门》:如何开始使用这个令人兴奋且易于使用的 Microsoft C# 框架创建应用程序。
- 档案 – 2018。
课程
- 使用 Blazor WebAssembly 和 Visual Studio Code 构建 Web 应用程序 – 在 Microsoft Learn 上使用 Blazor WebAssembly 和 Visual Studio Code 构建 Web 应用程序。
- 为 .NET Core Blazor 应用程序提供 DevOps 和 Docker 支持 – 2020年6月 – 在 Udemy 上为 .NET Core Blazor 应用程序提供 DevOps 和 Docker 支持的课程。此 Docker 支持课程使用 ASP.NET Core Blazor 教授 Docker 化 Blazor 应用程序的方法。
- Blazor 编程 – ASP.NET Core 3.1 – 在 Udemy 上使用 C# 创建交互式 Web 应用程序的课程。
- 创建 Blazor 组件 – 2019年12月 – 构建 Blazor 应用程序就是构建组件。本课程对于深入理解组件至关重要。在 Pluralsight 上。
- Blazor 应用程序的身份验证和授权 – 2019年12月 – 学习使用各种最佳实践技术对 Blazor 应用程序进行安全保护的身份验证和授权方法。在 Pluralsight 上。
- Blazor 入门 – 2019年12月 – 通过实际操作的方式学习如何使用 Blazor,这是微软使用 C# 编写交互式 Web UI 的解决方案,无需使用 JavaScript。在 Pluralsight 上。
- Blazor 深入研讨会(Blaze Invaders) – 2019年12月 – Blazor 深入研讨会(Blaze Invaders),在 C# Academy 上。在构建一个可工作的基于浏览器的游戏时学习严肃的 Blazor 概念。
- Blazor 和 Razor 组件简介 – 2019年10月 – 学习如何使用一个允许您在 WebAssembly 之上直接在浏览器中运行编译后代码的框架,这是 Udemy 上的一门课程。
- Blazor 在 ASP.NET Core 3.0 上 – 2019年10月 – Blazor 在 ASP.NET Core 3.0 上,SkillShare 上的一门课程。
- LinkedIn Learning 上的 Blazor 初探 – LinkedIn Learning 上的 Blazor 初探。源代码 。
- 免费的 Blazor 培训课程 – DevExpress Blazor 免费培训课程 源代码 。
- Blazor 入门 – 2021年6月 – 探索 Blazor 的核心概念,并学习轻松创建 Web 应用程序。
社区
- Awesome Blazor 的 Twitter – 本仓库的 Twitter 动态。
- Discord – DotNetEvolution Discord 服务器上的 Blazor 频道。
- Gitter – Gitter 上的 Blazor 讨论。
- I Love DotNet – – 这是一个由开发人员为开发人员精心制作的、使用 .NET Blazor 的 .NET 知识共享平台。ilovedotnet.org。
- Learn Blazor – Blazor 的社区文档。
- Blazor 帮助网站 – 主要涵盖服务器端 Blazor 的博客和代码示例。
- Blazor 实用示例 – Blazor 的实用示例。
- Blazor 服务器端实用示例 – Blazor 服务器端的实用示例。
- Reddit – Blazor 的 Reddit 子论坛。
- Stack Overflow – Stack Overflow 上关于 Blazor 的问题。
- Twitter – Twitter 上的标签。
- WebAssemblyMan – Blazor 和 WebAssembly 的 Man 页面。
其他语言
- Blaze of Code – [葡萄牙语] 关于 Blazor 的博客。
- Blazor.ru – [俄语] 旧的官方文档网站的俄语翻译。
- DevApps.be 的播客 #44 – [法语] DevApps.be 的播客 #44:“Blazor et WebAssembly vont-ils tuer JavaScript?”。
- DevApps.be 的播客 #47 – [法语] DevApps.be 的播客 #47:“Actualités: TypeScript, Uno, Angular, DocFX, Database”。
- 现代化的 Blazor Web 应用 – [意大利语] 关于 Blazor 的视频。
- Blazor Developer Italiani – [意大利语] 意大利 Blazor 社区网站,提供有用的文章和活动。
- 播放列表 – 在 Blazor 中编程 – [西班牙语] 关于 Blazor 的一系列视频。
- Insights from the oracle – [德语] 关于 Blazor 的博客。
- ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server: Moderne Single-Page-Web-Applications mit .NET, C# und Visual Studio – 德语关于 Blazor 的书籍(2020年9月15日出版,每月更新)。
许可证
在法律允许的范围内,Adrien Torris已放弃对此作品的所有版权和相关或邻近权利。
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net