Blazor资源大全,很棒的Blazor

blazor,资源,大全,很棒 · 浏览次数 : 1240

小编点评

**Blazor for ASP.NET Web Forms 开发人员** **教程** * DevExpress Blazor 免费培训课程 * I Love DotNet * Learn Blazor * Blazor 实用示例 * Blazor 服务器端实用示例 * Reddit * Stack Overflow **资源** * DevApps.be * DevApps.be * DevApps.be * Gitter * Stack Overflow * Twitter * WebAssemblyMan * ASP.NET Core Blazor 5.0: Blazor WebAssembly und Blazor Server **其他** * 葡萄牙语 Blaze of Code * Russian Blaze of Code * Italian Blaze of Code * Spanish Blaze of Code * Portuguese Blaze of Code * Italian Blaze of Code * Spanish Blaze of Code * Deutsch Blaze of Code * Modern Blazor Web 应用

正文

Blazor资源大全 Awesome

一个收集了很棒的Blazor资源的集合。

Blazor是一个使用C#/Razor和HTML在浏览器中运行的.NET Web框架。

欢迎贡献!请先查看贡献指南。感谢所有的贡献者,你们真棒,没有你们就不可能实现这个!

如果你需要在这个列表中搜索,你可以尝试这个很棒的网站:Awesome Blazor Browser。感谢@jsakamoto提供这个!源代码 stars last commit

目录

介绍

什么是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在Channel9YouTube上的初学者系列。

通用

模板

  • BitPlatform模板 - stars last commit - 使用.Net MAUI和Blazor的解决方案模板,具备开箱即用的最佳实践,实现快速高质量的跨平台开发,支持Web、Android、iOS和Windows,具备原生美观的Blazor组件。这些模板创建的项目包含了开发实际应用所需的一切,包括(但不限于)CI/CD流水线、Azure的基础设施即代码、本地化、多模式开发(Blazor Server/WASM/Hybrid)、内置的异常处理等。了解更多
  • Blazor Hero - stars last commit - 使用MudBlazor组件构建的Blazor WebAssembly的干净架构解决方案模板。这个项目将使您的Blazor学习过程比您预期的要容易得多。Blazor Hero旨在成为一个企业级的样板,完全开源,免费使用。在这里阅读快速入门指南
  • Blazor BFF Azure AD - stars last commit - 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure AD和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南
  • Blazor BFF Azure B2C - stars last commit - 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure B2C和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南
  • 使用Blazor和C#从头开始构建文本编辑器 - YouTube上的一系列视频,介绍如何使用Blazor和.NET从头开始构建自己的IDE。起始点仓库 stars last commitBlazor Studio仓库 stars last commit

示例项目

AI

Cledev.OpenAI - stars last commit 用于OpenAI的.NET 7 SDK,带有一个Blazor Server的游乐场。

认证

CMS

  • Blogifier - GitHub stars GitHub stars .NET 5 带有Blazor管理仪表板的ASP.NET Core博客应用程序。演示
  • eShopOnBlazor - GitHub stars last commit 将传统的ASP.NET Web Forms应用程序迁移到Blazor。
  • JHipster.NET stars last commit JHipster是一个在Java世界中生成现代应用程序的知名平台。JHipster提供了一个蓝图系统,允许覆盖生成器的默认行为。JHipster.NET是一个蓝图,通过将后端部分从最初生成的spring boot更改为asp.net core,覆盖了后端部分。对于前端,可以使用所有常见的语言(angular、react),包括Blazor。
  • RapidCMS - stars last commit 一个基于代码的、可扩展的Blazor应用程序,为您的数据库生成CMS。
  • BlazorShop - stars Last commit 使用Blazor WebAssembly构建的简单商店应用程序。
  • Umbraco9 & Blazor WASM Starter Site - last commit 用Blazor WebAssembly和Tailwind CSS/UI制作的Umbraco v9的简单入门站点。这是一个我用来玩耍和尝试Umbraco 9、Blazor WebAssembly、TailwindCSS、块列表编辑器和其他几个概念的项目。

游戏

  • Trains.NET - stars last commit 使用.NET和C#构建的2D游戏,通过Twitch流可以在线玩Trains,网址为wengier.com/Trains.NET
  • AsteroidsWasm - stars last commit 一组使用单个.NET Standard项目的.NET 5 C#应用程序,运行在:Blazor Client(WebAssembly)、Blazor Server、Electron(通过Blazor Server)、WPF、WinForms、Xamarin。演示
  • DiabloBlazor - stars last commit DiabloWeb的Blazor移植,使其成为一个双WebAssembly应用程序:一个WebAssembly(C#)PWA托管一个WebAssembly(C++)游戏。演示
  • Board Games - stars last commit Fusion + Blazor示例,一个完全功能的Web应用程序,允许您进行实时多人游戏。演示
  • Wolfenstein 3D ported to Blazor - stars last commit Wolfenstein 3D移植到现代C#和Blazor。文章
  • ZXSpectrum - last commit 在Blazor WebAssembly上运行的ZX Spectrum模拟器。演示
  • WordleBlazor - last commit Blazor中受欢迎的Wordle游戏的简单克隆。演示

混合

IDE

物联网

  • PresenceLight - stars last commit PresenceLight是一个将各种状态广播到飞利浦Hue或LIFX灯泡的解决方案。您可以广播的一些状态包括:您在Microsoft Teams中的可用性、您当前的Windows 10主题以及您选择的主题或颜色。博客文章演示视频
  • Meadow Weather - last commit 在此示例中,Meadow微控制器从LM35温度传感器中获取数据。该数据通过HTTP请求发送到API控制器端点,并存储在数据库中,可以使用Blazor Web应用程序中的图表进行可视化。

机器学习

移动

快速开发框架

  • WalkingTec.Mvvm (WTM) - stars last commit 基于.NET Core和EF的开发框架。支持Blazor、Vue、React和LayUI,可一键生成CRUD、导入/导出等代码。网站

待办事项

  • TodoApi by David Fowler - stars last commit David Fowler在.NET 7中创建的待办事项应用程序,包括一个基于ASP.NET Core托管的Blazor WASM前端应用程序和一个使用最小API的ASP.NET Core REST API后端。
  • Bolero.TodoMVC - GitHub stars GitHub stars 使用Bolero的TodoMVC克隆。
  • ididit! - stars last commit 适合拖延症患者的习惯追踪器。记录笔记,管理任务,追踪习惯。演示

其他

教程

库和扩展

可重用的组件,如按钮、输入框、网格等。另请参阅Blazor组件包功能比较表

组件包

  • FAST - GitHub stars last commit GitHub licence FAST是一个基于Web组件和现代Web标准构建的技术集合,旨在帮助您高效地解决网站和应用程序设计与开发中的一些常见挑战。FAST和Blazor文档
  • Ant Design Blazor - GitHub stars last commit 一套基于Ant Design和Blazor的企业级UI组件。(演示文档)。
  • MudBlazor - stars last commit MudBlazor是一个雄心勃勃的Material Design组件框架,专注于易用性和清晰的结构。它非常适合希望快速构建Web应用程序而不必费力处理CSS和Javascript的.NET开发人员。MudBlazor完全使用C#编写,使他们能够自由地调整、修复或扩展框架,文档中的众多示例使学习MudBlazor变得非常容易。文档演示
  • Blazorise - GitHub stars last commit 支持Bootstrap、Bulma、AntDesign和Material CSS的Blazor组件。(Bootstrap演示), (Bulma演示), (AntDesign演示), (Material演示)。
  • MASA Blazor - stars last commit 一套基于Material Design和Blazor的企业级UI组件。它几乎完美地复制了Vuetify,并制定了长期的路线图。它由MASA团队提供支持,并保持免费和开源。文档专业演示
  • Radzen.Blazor - GitHub stars last commit Blazor的原生UI组件。DataGrid、DataList、Tabs、Dialog等。(演示)。
  • BlazorStrap - GitHub stars last commit Blazor的Material Design组件。Blazor的Bootstrap 4组件(演示)。
  • FAST Blazor - GitHub stars last commit Microsoft官方FluentUI Web组件的轻量级包装,用于.NET 6.0 Razor视图和Blazor。(示例和演示)。
  • Element-Blazor - GitHub stars last commit 使用Element UI的Blazor组件库。API模仿Element,CSS直接使用Element的样式,HTML结构直接使用Element的HTML结构。Blazor WebAssembly版本演示Blazor WebAssembly版本PWA模式演示
  • BlazorFluentUI - stars last commit 将FluenUI/Office Fabric React组件和样式简单移植到Blazor。客户端演示(WebAssembly)服务器端演示(SignalR)
  • BootstrapBlazor - stars last commit 用于Blazor的可重用Bootstrap组件。(演示文档)。
  • ComponentOne Blazor UI Components - 外部链接。用于服务器端和客户端应用程序的快速数据网格、列表视图、输入框和其他原生Blazor组件。
  • DevExpress Blazor UI Components - stars last commit 一套用于Blazor服务器端和Blazor客户端平台的原生UI Blazor组件(包括数据网格、数据透视表、调度器和图表)。
  • Syncfusion Blazor UI Components - GitHub stars last commit 最全面的原生Blazor组件库,包括数据网格图表调度器图表文档编辑器组件。(演示)。
  • ADMINLTE - stars last commit Blazor的ADMINLTE是一个可重用组件集合,可以轻松地作为设计师或开发人员开发数字服务。包括按钮、表单元素和页面模板。该项目改编了ADMINLTE 3,因此可以从dotnet core Blazor中使用这些组件。
  • Blazority - GitHub stars last commit 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
  • Makani - GitHub stars last commit 用于Blazor和.NET MAUI Hybrid的轻量级、可定制和性能优化的组件库。使用TailwindCSS构建。演示
  • Material.Blazor - stars last commit 另一种Material Theme Razor组件库。Material.Blazor专注于提供来自Google的material-components-web的纯标记 - 我们不试图在您和您对Google的CSS和SASS的使用之间插入自己,因为他们比我们做得更好。我们还有一些很酷的“加号”组件。查看我们的演示和全面的文档
  • Majorsoft Blazor Components - GitHub last commit GitHub Repo stars Majorsoft Majorsoft Blazor Components是一套用于Blazor应用程序的UI组件和其他有用的扩展。所有组件都是免费的,并且可以在NuGet上获得。该项目的主要目标是提供一套易于使用、功能丰富的可自定义组件集合和其他有用的扩展。NuGet 演示应用程序 文档
  • MComponents - stars last commit 开源MIT Blazor组件:网格、选择、向导等。
  • PanoramicData Blazor UI Components - stars last commit 包括表格、树形视图、工具栏和文件资源管理器在内的一组开源Blazor组件。演示
  • HAVIT Blazor - GitHub stars last commit Bootstrap 5组件+在Bootstrap 5之上构建的其他组件(网格、自动建议、消息框等)。带有gRPC代码优先客户端/服务器通信、本地化等的企业项目模板。交互式文档和演示
  • Blazority - GitHub stars last commit 基于Clarity UI设计的Blazor组件库。包括Datagrid和Tree-view等30多个组件(文档和演示)。
  • Telerik UI for Blazor - 外部链接(telerik.com)。用于Blazor的一套原生UI组件,包括网格、图表和日历组件。
  • Start Blazoring - 使用您选择的BlazoriseMudBlazor构建的Blazor起始模板,更多UI库集成即将推出。它提供了许多功能,如用户注册、登录、密码重置、双因素认证;用户管理、角色、权限;后台工作、日志记录、缓存、电子邮件模板、本地化等等。
  • Smart UI for Blazor - last commit 包括网格、看板、甘特图、图表、停靠、枢轴等在内的Blazor组件库。网站
  • TabBlazor - last commit 基于Tabler UI的Blazor管理主题。最小化的JavaScript。演示
  • Blazor.Ionic - GitHub stars last commit 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

图表

CSS

  • BlazorSize - 星星 最后提交 BlazorSize是用于Blazor的JavaScript互操作库,用于检测浏览器的当前大小、大小变化和测试媒体查询。
  • BlazorAnimation - 星星 最后提交 基于animate.css的Blazor组件,用于轻松地为内容添加动画效果。演示.

数据库

  • DexieNET - GitHub星星 最后提交 DexieNET旨在成为Dexie.js的功能完整的.NET封装,Dexie.js是著名的JavaScript IndexedDB封装库。它专为Blazor设计,并包含一个易于使用的Razor组件。

数据表格/表格

  • Grid.Blazor - 星星 最后提交 带有CRUD表单的网格组件,适用于Blazor和ASP.NET MVC,支持过滤、排序、搜索、分页、子网格等功能(演示).
  • BlazorGrid - GitHub星星 最后提交 虚拟化数据表格组件,专注于显示远程数据。(演示和文档).

日期和时间

地图

模态框、Toast和通知

  • Blazored.Modal - GitHub星星 最后提交 用于Blazor和Razor组件应用程序的无需JavaScript的模态框库。
  • Blazored.Toast - GitHub星星 最后提交 用于Blazor和Razor组件应用程序的无需JavaScript的Toast库。
  • Blazor.Sidepanel - GitHub星星 最后提交 用于Blazor应用程序的强大可自定义的侧边栏实现。

标签页

  • BlazorXTabs - 最后提交 提供各种标签页功能的扩展标签页组件库,适用于Blazor。

测试

  • bUnit - 用于Blazor组件的测试库 - 星星 最后提交 用于Blazor组件的测试库。您可以轻松地使用C#或Razor语法定义要测试的组件,并使用语义化的HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
  • Verify.Blazor - 用于Blazor组件的快照测试库 - 星星 最后提交 用于Blazor组件的快照测试库。支持通过bunit或原始Blazor渲染将Blazor组件渲染到快照文件中。

其他

  • Stl.Fusion - GitHub stars 最后提交 .NET Core和Blazor库,通过引入一种新颖的“计算可观察对象”(computed observables)来显著改进实时和高负载服务的实现方式 - 不可变、线程安全,最重要的是对开发人员几乎是透明的。示例概述
  • BlazorContextMenu - GitHub stars 最后提交 用于Blazor的上下文菜单组件(演示)。
  • Z.Blazor.Diagrams - stars 最后提交 一个完全可定制和可扩展的通用图表库,用于Blazor,灵感来自流行的react-diagrams库,并添加了许多功能。演示
  • Blazored.Typeahead - GitHub stars 最后提交 自动完成文本框,支持本地和远程数据源,适用于客户端和服务器端Blazor。
  • Blazor-DragDrop - stars 最后提交 用于Blazor的易于使用的拖放库。
  • BlazorDownloadFile - stars 最后提交 无需任何JavaScript库或依赖项,从C#将文件下载到浏览器的Blazor下载文件解决方案。BlazorDownloadFile是在客户端保存文件的解决方案,非常适合在客户端生成文件的Web应用程序。但是,如果文件来自服务器,我们建议您首先尝试使用Content-Disposition附件响应头,因为它具有更广泛的跨浏览器兼容性。
  • Excubo.Blazor.Diagrams - stars 最后提交 交互式图表组件(流程图、UML、BPMN等),可根据用户需求进行自定义和扩展(节点类型、样式)。演示
  • Blazor.FileSystemAccess - stars 最后提交 用于从浏览器读取和写入本地文件系统的Blazor包装器,支持文件和目录。[演示](The API makes it possible to read and write to your local file system from the browser both files and directories.)。
  • Blorc.PatternFly - stars 最后提交 PatternFly的Blazor封装。要查看最新的开发分支,请访问demo应用程序。
  • BlazorTransitionableRoute - stars 最后提交 允许当前和上一个路由同时存在,从而实现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 GitHub stars 最后提交 使用XLocalizer本地化的默认项目模板,支持在线翻译和自动资源创建。
  • TimeCalc - 最后提交 使用Blazor WebAssembly实时跟踪速度魔方平均值的应用程序。演示
  • BlazorSliders - 最后提交 创建由滑动分隔器分隔的多个面板。
  • BlazorTimeline - stars 最后提交 响应式的垂直时间轴组件。
  • 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 - GitHub stars 最后提交 用于DotNet的零样板Flux/Redux库。
  • Blazored.LocalStorage - GitHub stars 最后提交 一个库,为Blazor应用程序提供对本地存储的访问。
  • Blazor-State - GitHub stars 最后提交 使用MediatR管道在Blazor中管理客户端状态。
  • bUnit - 用于Blazor组件的测试库 - stars 最后提交 用于Blazor组件的测试库。您可以使用C#或Razor语法轻松定义要测试的组件,并使用语义HTML差异/比较逻辑验证结果。您可以轻松地与组件交互和检查组件,触发事件处理程序,提供级联值,注入服务,模拟IJsRuntime,并执行快照测试。
  • TextCopy - GitHub stars 最后提交 一个跨平台的将文本复制到剪贴板和从剪贴板复制文本的包。支持Blazor通过Clipboard浏览器API
  • CssBuilder - GitHub stars 最后提交 CssBuilder是用于Razor组件的CSS类的构建器模式。
  • Blazor.FileSystemAccess - GitHub stars 最后提交 用于浏览器文件系统访问API的Blazor封装器。
  • Blazor.Polyfill - GitHub stars 最后提交 用于Blazor的Polyfill(用于支持Internet Explorer 11和其他一些浏览器)。
  • Blazor I18n/Localization Text - stars 最后提交 用于Blazor的本地化内容文本库(演示)。
  • BlazorGoogleMaps - stars 最后提交 用于Blazor的GoogleMap库。
  • BlazorWorker - stars 最后提交 在Blazor中创建DotNet Web Worker线程/多线程的库。在线演示
  • MvvmBlazor - stars 最后提交 BlazorMVVM是一个用于构建Blazor和BlazorServerside应用程序的小型框架。通过其简单易用的MVVM模式,您可以提高开发速度,同时最大限度地减少麻烦。
  • Blazor.BrowserExtension - stars 最后提交 使用Blazor WebAssembly开发浏览器扩展/插件。已在Google Chrome、Mozilla Firefox和MS Edge上进行了测试。
  • Blazor Analytics - Blazor的分析扩展。
  • Blazor PDF - stars last-commit 使用iTextSharp从Blazor Server应用程序生成PDF文档。
  • BlazorRouter - stars last commit BlazorRouter是一个受react-router启发的令人敬畏的路由器,为Blazor提供声明式路由。
  • DataJuggler.Blazor.FileUpload - stars last commit Steve Sanderson的BlazorFileInput组件的包装器。
  • BlazorPrettyCode - 用于文档站点的Blazor代码组件。演示
  • Blazor.EventAggregator - Blazor(Razor组件)的轻量级事件聚合器。
  • Blazor Gamepad - 为Blazor提供游戏手柄API访问。
  • Blazor Hotkeys2 - stars last commit 为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 - stars 最后提交 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 - last-commit 使用本地打印对话框在Blazor Server或客户端应用程序中打印和保存PDF文档。
  • BlazorTemplater - last-commit 使用.razor组件为电子邮件内容呈现HTML字符串。
  • MediaSession.Blazor - last-commit 用于Media Session API的Blazor JSInterop包装器。Media Session API提供了自定义媒体通知的方法。(演示)。
  • BlazorAntivirusProtection - stars 最后提交 用于Blazor Wasm项目的防病毒保护。该软件包试图在将Blazor Wasm标记为恶意软件的杀毒软件产生误报之前提供保护,直到Microsoft提供官方解决方案。
  • Phork.Blazor.Reactivity - stars 最后提交 一个无偏见的Blazor状态管理库,利用INotifyPropertyChanged和INotifyCollectionChanged .NET接口自动检测组件中的状态更改。
  • CodeBeam.GoogleApis.Blazor - stars 最后提交 用于Blazor的GoogleApis的开源实用程序包。从头开始编写,旨在提供最简单的使用方式。

其他

  • Blazor Extensions Home - Blazor扩展的主页。GitHub stars
  • Bolero - F#的Blazor,具有热重新加载的模板、类型安全的端点和路由、远程调用等等。GitHub stars last commit
  • BlazorFabric - 使用流畅设计的Blazor版Microsoft UI Fabric。(演示)。GitHub stars last commit
  • BlazorWebView - 用于WPF、Android、macOS和iOS的Blazor WebView控件。在Webview内本地运行基于.NET Core和Mono的Blazor。文档GitHub stars last commit
  • BlazorLazyLoading - 生产就绪的延迟加载实现。对WASM和服务器(页面、组件、dll)提供完整的延迟加载支持,如果需要,还可以实现模块化(自定义端点、自定义清单等)。GitHub stars last commit
  • Fun.Blazor - 使F#开发人员更容易编写Blazor的项目。使用F#进行Blazor开发,使用计算表达式(CE)风格的DSL进行内部和第三方Blazor库的开发,依赖注入,自适应和Elmish模型,Giraffe风格的路由,类型安全风格。stars last commit
  • Blazor.DownloadFileFast - 从Blazor快速下载文件到浏览器,无需任何JavaScript库引用或依赖。(演示)。stars last commit
  • SpotifyService - 用于Blazor WebAssembly项目的高级Spotify API库,可在浏览器中播放Spotify音乐,管理OAuth 2.0授权,提供对Spotify Web API的简单访问,并使用IndexedDB缓存。stars last commit
  • Blazor.DynamicJavascriptRuntime.Evaluator - 在Blazor客户端应用程序中执行动态对象表达式的Javascript。stars last commit
  • Bionic - 用于Blazor项目的Ionic CLI克隆。
  • EventHorizon Blazor TypeScript Interop Generator - 该项目接收TypeScript类型定义文件,并创建一个与提供的Interop抽象项目配合使用的.NET Core项目。
  • Generators.Blazor - 用于提高Blazor性能的源代码生成器。该项目还包含用于检测Blazor应用程序中常见问题的分析器。

实际应用

  • Try .NET - Try .NET为开发人员和内容作者提供了创建交互式体验的工具。GitHub stars last commit

视频

  • ASP.NET社区直播 - 使用Playwright进行Blazor应用测试 - duration 2023年2月23日至2023年3月14日 - 学习如何使用Playwright为您的Blazor应用实现端到端测试。社区链接
  • Steve Sanderson关于Blazor United的访谈 - duration 2023年2月23日 - Carl与Blazor的创建者Steve Sanderson进行访谈,回答关于即将推出的.NET 8中的Blazor United的问题。
  • 使用Blazor探索OpenAI - duration 2023年2月23日 - 与Michael Washington聊聊.NET开发人员如何在他们的Blazor应用中利用OpenAI GPT-3。
  • ASP.NET社区直播 - .NET 8中的Blazor United - duration 2023年2月14日 - Blazor团队分享了关于.NET 8中Blazor United的初步想法,这是一个旨在为您的所有Web UI场景创建一个统一模型的努力,结合了Razor Pages、Blazor Server和Blazor WebAssembly的优点。社区链接
  • 在React中运行Blazor组件 - duration 2022年12月21日 - 您是否厌倦了慢而笨重的Web应用程序?不要再寻找了,Blazor在React中运行!Blazor是一个强大的框架,用于使用C#构建交互式客户端Web应用程序,当与React的速度和灵活性相结合时,您将获得令人惊叹的高性能Web体验的绝佳组合。在这个视频中,我们将使用新的自定义元素功能在React中运行Blazor,并展示这个动态二人组的其他令人兴奋的功能和优势。不要错过Web开发的未来。
  • ASP.NET社区直播 - 探索Blazor中的新功能和实验性功能 - duration 2023年1月10日 - 展示使用新功能和当前实验性功能构建.NET 7 Blazor应用程序的过程。特邀嘉宾:Daniel Roth、Jon Galloway、Mackinnon Buck。社区链接
  • 使用IDE创建Fluxor CRUD应用程序 | Blazor IDE第2部分 - duration 2022年11月18日 - 使用IDE创建Fluxor CRUD应用程序。
  • .NET 7中的Blazor新功能 | .NET Conf 2022 - duration 2022年11月10日 - .NET 7中的Blazor加载了许多使构建美观交互式Web UI更加轻松和高效的新改进。在本次演讲中,我们将看看对自定义元素的新支持、改进的数据绑定、处理位置更改事件、显示加载进度、动态身份验证请求等方面的支持。
  • 使用Blazor构建音频浏览器应用程序 | .NET Conf 2022 - duration 2022年11月10日 - 您已经了解了.NET 7中的新功能,但是当您构建应用程序时,它们如何协同工作呢?加入Steve,他将使用新旧功能快速构建一个端到端的音频管理器应用程序,使用Blazor WebAssembly。这是一个中等难度的演讲(假设您已经了解Blazor),充满了提示和技巧,包括:更清晰地组织JS互操作、直接访问最终用户文件系统上的文件、动态生成SVG、创建优雅的“加载”体验以及AOT编译的性能影响。提供完整的源代码!
  • .NET 7中的WebAssembly ❤️ .NET | .NET Conf 2022 - duration 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 - duration 2022年11月10日 - 测试很难,测试需要时间学习和编写,而时间就是金钱。作为开发人员,我们想要测试。我们知道我们应该测试,但我们没有时间。那么我们如何让更多的开发人员进行测试呢?我们可以创建更好的工具。让我向您介绍Playwright - 一种可靠的端到端跨浏览器测试工具,由Microsoft全面开源。Playwright的代码生成为您生成测试,所以现在您真的没有借口了。是时候玩转您的测试了。
  • 使用Blazor Hybrid使用Web技术创建本机桌面和移动应用程序 | .NET Conf 2022 - duration 2022年11月10日 - 您是Web开发人员,需要针对iOS、Android、macOS和Windows进行开发吗?使用.NET MAUI和Blazor Hybrid直接发布到商店并构建世界级应用程序,具有本机API访问权限。
  • 使用Blazor现代化您的WPF和Windows Forms应用程序 | .NET Conf 2022 - duration 2022年11月10日 - 桌面应用程序并未消亡,有许多使用WPF和Windows Forms编写的应用程序需要转移到Web上,或者重用由Web团队编写的现成组件。Blazor可以满足这两个要求,感谢Blazor Hybrid。让我们看看您如何使用它。
  • Blazor开发人员的CSS技术 | .NET Conf 2022 - duration 2022年11月10日 - 您的CSS代码是否让您想起《收藏者》的一集?在本次演讲中,我们将探讨Blazor开发人员面临的各种与CSS相关的架构决策。与会者将学习何时以及如何使用纯CSS、Sass或CSS隔离与Blazor。我们将讨论自定义CSS属性等现代CSS技术。我们将探索通过利用CSS原则和整合辅助库构建模块化和智能CSS的技术。本次演讲旨在打破对Bootstrap和Tailwind等CSS系统的依赖。
  • 使用Blazor和.NET构建Azure静态Web应用程序 | .NET Conf 2022 - duration 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集 - duration 2022年11月3日 - Carl展示了如何在Blazor WebAssembly应用程序中轻松支持多种语言。
  • 使用Blazor和RavenDB构建“Next Tech Event”第12部分 - duration 2022年11月2日 - 项目“NextTechEvent”的第12部分,该网站将帮助演讲者、组织者和参与者找到他们的下一个技术活动。在本次直播中,我们使用RavenDB添加了搜索功能,通过添加索引的方式。组织者可以按名称、国家、位置、城市和标签或它们的组合来筛选会议。这样我们就可以看到在“斯德哥尔摩”有多少个会议,或者所有名为“NDC”的会议。GitHub stars last commit 源代码
  • MAUI Blazor Podcast Client Part 2: The .NET Show with Carl Franklin Ep 30 - duration 2022年10月20日 - 添加嘉宾、链接和播放列表功能。
  • ASP.NET Community Standup - Blazor in .NET 7 Part III - duration 2022年10月11日 - 了解Blazor在.NET 7中的最新多线程和MSAL开发。社区链接
  • MSAL Auth in Blazor Server - duration 2022年9月22日 - Carl展示如何使用MSAL和Azure AD B2C对用户进行身份验证并调用安全API。
  • ASP.NET Community Standup - Blazor in .NET 7 Part II - duration 2022年9月13日 - 了解Blazor在.NET 7中的令人兴奋的运行时变化。社区链接第一部分
  • 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分 - duration 2022年9月8日 - 从头开始制作Blazor文本编辑器,Blazor文本编辑器第1部分。
  • Roslyn语法高亮 | Blazor文本编辑器第2部分 - duration 2022年9月8日 - Roslyn语法高亮 | Blazor文本编辑器第2部分。
  • 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分 - duration 2022年9月8日 - 从头开始制作Blazor文本编辑器 | Blazor文本编辑器第1部分。
  • .NET MAUI和Blazor - 在应用和Web之间共享代码 - 2022年9月2日 - 在这个视频中,Daniel将向您展示如何为.NET MAUI和Blazor创建一个项目,并如何组织代码,以便在应用和Web之间共享。GitHub stars last commit 源代码
  • Blazor在100秒内 - duration 2022年9月1日 - 简短介绍Blazor。Blazor是一个使用HTML、CSS和C#构建前端Web应用程序的框架。它利用WebAssembly来消除通常的客户端技术栈中的JavaScript。
  • 在几分钟内使用Blazor构建交互式待办事项列表 - duration 2022年8月28日 - 在本教程中,我们将学习如何使用Blazor创建一个待办事项列表,并使用Bootstrap改进页面。
  • Blazor在.NET 7中 - .NET社区站立 - duration 2022年8月23日 - 由Daniel Roth、Jon Galloway、Mackinnon Buck和Tanay Parikh概述了.NET 7中的Blazor。了解Blazor在.NET 7中即将推出的伟大新功能。
  • Blazor绝对初学者21分钟 - duration 2022年8月22日 - 在本教程中,您将学习使用Blazor构建网站的基础知识,以及默认的Blazor项目模板的工作原理。如果您有任何问题,请随时留言,我会尽力回复。我还在下面添加了一些您可能会发现有用的注释。
  • 在Blazor中实现主页标题 - duration 2022年7月18日 - 在本次会议中,Josh和我将继续在开源空间中构建一个去中心化的社交媒体平台。在这个特定的会议中,我们将讨论、设计和实现使用SharpStyles在Blazor中的主页标题。
  • Blazor:Blazor WebAssembly中的状态管理方式 - duration 2022年7月12日 - ASP.NET社区站立 - Blazor:Blazor WebAssembly中的状态管理方式。在使用Blazor WebAssembly应用程序时,我们经常忽视适当的状态管理的重要性。如果没有良好的理解和正确的策略,我们的应用程序可能会被具有不良行为的组件污染,我们最终会后悔糟糕的选择。- 本次会议涵盖了简单的状态管理方式,然后逐渐发展到像Redux模式这样更有趣的东西。我们将看到每种方式的优点和缺点。接下来,我们将退后一步,确定与我们的应用程序配对的适当状态管理调味品。您将在本次会议中品尝到所有美味的风味,并能够做出明智的决策,以获得最佳的开发体验。社区链接
  • 使用AAD保护Blazor和Web API - duration 2022年7月11日 - 本视频展示了如何使用Azure Active Directory (AAD)保护您的Blazor应用程序和Web API。
  • Blazor和.NET在WASI上的未来 - duration 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实验性教程 - duration 2022年6月29日 - Visual Studio团队的Grace Taylor加入James,谈论他们正在进行的一个改进Visual Studio内部教程的新实验!他们的第一个实验将帮助开发人员开始学习和构建使用Blazor的Web应用程序。安装Visual Studio,您可能有机会测试团队的这个新实验性功能。
  • 在Blazor中测试驱动CSS样式 - duration 2022年6月20日 - 本视频介绍了在Blazor中测试驱动的CSS样式。
  • 我应该专注于Blazor还是ASP.NET Core? - duration 2022年6月16日 - 我应该更深入地学习Blazor还是更好地了解ASP.NET Core?哪个是首先学好的更好的选择?我应该来回跳动还是专注于一个?
  • 在Blazor WebAssembly中持久化数据 - 2022年6月3日 - Carl使用基于IndexedDB的客户端存储库来持久化数据,即使没有互联网连接。
  • 使用TypeScript与Blazor - duration 2022年5月27日 - Carl向您展示如何在创建Blazor组件时使用TypeScript。
  • 使用.NET和Visual Studio为任何设备构建原生应用程序 - duration 2022年5月25日 - 了解如何使用Visual Studio和.NET Multi-platform App UI (.NET MAUI)快速、迭代地构建现代、原生和混合式Web应用程序,以适用于任何设备。我们将为您介绍可以加快开发时间、从单个代码库创建功能强大的原生桌面和移动应用程序(适用于Windows、macOS、iOS和Android)的工具和框架。我们还将向您展示如何通过原生设备功能增强您的Blazor Web应用程序。
  • 使用Blazor Hybrid构建原生客户端应用程序 - duration 2022年5月25日 - Blazor使用最新的开放Web标准,实现了使用.NET进行全栈Web开发。但是,如果您需要构建原生客户端应用程序呢?Blazor正在扩展到Web以外的领域,通过使用Web技术和.NET的混合方式来支持构建原生客户端应用程序。在本次演讲中,我们将介绍.NET MAUI中的新的Blazor Hybrid支持,用于构建跨平台的原生客户端应用程序(适用于移动设备和桌面),以及用于现代化WPF和Windows Forms应用程序的Blazor Hybrid支持。
  • .NET Core和WASI(服务器上的WebAssembly)的未来可能性 - duration 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中显示自定义报告 - duration 2022年5月20日 - 在上一个视频中,我们使用Bold Reports Designer创建了一个自定义报告。我们可以使用提供的Bold Reports Viewer来显示报告,但这并不总是符合您的要求。因此,今天我们将在Blazor Server应用程序中实现一个报告查看器。这样,我们可以在我们的网站内直接向客户展示我们的自定义报告,而不是将他们发送到单独的应用程序中。
  • 将WebAssembly引入.NET主流-Steve Sanderson - duration 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中进行快速开发模型和类型化的端到端服务 - duration 2022年5月19日 - 在这个视频中,我们使用ServiceStack Blazor WASM模板,展示了使用类型化的端到端服务和Blazor构建业务应用程序的强大性。该模板提供了关注点清晰分离、类型化的端到端安全性以及由于共享的C#语言、Visual Studio Hot Reload和ServiceStack消息中心设计而带来的快速迭代。
  • ASP.NET社区站立 - 让我们使用.NET MAUI和Blazor构建应用程序 - duration 2022年5月17日 - 展示将Blazor WASM PWA迁移到.NET MAUI和Blazor Hybrid。社区链接
  • 使Blazor与所有内容兼容,以及服务器上的WebAssembly - duration 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 - duration 2022年5月13日 - 使用C#创建办公文件一直是一种受欢迎的解决方案。您可以生成用户熟悉的格式的报告。使用Syncfusion文件控件,您不仅可以创建Excel文件,还可以创建Microsoft Word文档、PowerPoint演示文稿和PDF文档。在这个视频中,我们将介绍Syncfusion中的办公文件控件以及如何使用它们。
  • 使用.NET和Blazor构建Microsoft Teams应用程序 - duration 2022年5月11日 - John Miller加入James在本周的On .NET节目中,讨论了.NET开发人员如何完全使用C#、.NET和Blazor构建Microsoft Teams应用程序和机器人!John将向我们展示一切我们需要了解的内容,甚至如何发布Teams应用程序。
  • Syncfusion中的Blazor控件介绍 - duration 2022年5月11日 - Syncfusion中的Blazor控件非常强大。在这个视频中,我们将介绍DataGrid、图表、看板式面板、仪表板、自动完成文本框、上下文菜单、签名板、菜单栏、弹出消息等控件。实际上有很多控件要介绍,因此我们将有意忽略办公文件创建和显示控件,以及报告。这样,我们今天可以在其他控件上花更多时间,然后在另一个视频中专注于办公文件。报告将有两个不同的视频专门介绍。
  • 使用BFF模式保护SPAs和Blazor应用程序 - duration 2022年5月10日 - 现代Web开发意味着越来越多的应用程序代码在浏览器中运行。传统上,这是使用JavaScript完成的,但最近越来越多地使用C#/WASM和Blazor。这些现代应用程序通常还需要身份验证和单点登录,以及基于令牌的调用API的安全性-换句话说,OpenID Connect和OAuth 2。有不同的模式可以保护此类应用程序,本次演讲涵盖了各种方法的一些问题,特别是考虑到不断变化的浏览器环境。我们将以“前端后端”(或BFF)模式结束,这已成为这些方法中最安全和最稳定的模式。
  • 使用Azure DevOps和Static Web Apps进行多环境部署 - duration 2022年5月5日 - 应用程序演示,使用Azure DevOps管道创建静态Web应用程序,添加Azure DevOps环境并配置批准,配置多阶段管道,静态Web应用程序命名的预览环境,Playwright测试,生产部署之前的手动批准,使用密码保护分段环境。源代码
  • On .NET Live - 在Blazor WASM中封装浏览器API - duration 2022年5月2日 - 在本周的节目中,Kristoffer Strube加入了小组,向我们展示了一个用于浏览器文件系统访问API的Blazor WASM封装。他带来了演示和代码分享,所以这是一个您不想错过的节目。
  • 使用BFF模式保护SPAs和Blazor应用程序 - duration 2022年4月29日 - 在NDC Porto上,Dominick Baier介绍了使用BFF(前端后端)模式保护SPAs和Blazor应用程序的方法。
  • Blazor中的状态管理 - duration 2022年4月29日 - 在开发单页面应用程序时,状态管理是非常重要的一个方面。由于Blazor是一个基于组件的UI框架,当应用程序的状态发生变化时,我们如何更新UI呢?
  • 使用Blazor进行流式传输:REST、gRPC和SignalR - duration 2022年4月29日 - 使用Blazor进行流式传输:REST、gRPC和SignalR,由Carl Franklin在NDC Porto 2022上演讲。学习如何从服务器流式传输数据到客户端,以提高感知性能和增加可扩展性。Carl展示了流式传输的工作原理,以及如何使用这三种传输方式进行实现。
  • C#中的SignalR入门第1部分 - 使用Blazor、WPF、最佳实践等 - duration 2022年4月25日 - SignalR是一种连接两个或多个客户端进行实时通信的绝佳方式。最好的部分是,这个库只是对Web Sockets和Long-Polling等Web标准技术的封装。它只是让它们更容易使用。这意味着我们甚至可以将SignalR与其他客户端(如Java或JavaScript)一起使用。在这个视频中,我们将学习如何设置SignalR以及如何使用Web客户端和桌面客户端连接到它。在整个视频中,我们将涵盖最佳实践,以及如何在实际应用中使用它。
  • 重新审视MVVM - duration 2022年4月21日 - Carl重新审视了使用Blazor的MVVM主题,澄清了您的选择。
  • 可查询的存储库 - duration 2022年4月14日 - 构建一个客户端可以查询的通用存储库。
  • ASP.NET社区站立 - Blazorators:Blazor C#源代码生成器 - duration 2022年4月12日 - David Pine在本月的Blazor社区站立上介绍了Blazorators,Blazor C#源代码生成器。社区链接
  • .NET MAUI Blazor - 构建混合移动、桌面和Web应用程序 - duration 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管理应用程序状态 - duration 2022年3月31日 - 使用Fluxor进行应用程序状态管理,Flux/Redux库适用于Blazor。
  • 带有Identity的Blazor基础知识 - duration 2022年3月14日 - Fritz向您展示如何将身份验证和授权连接到您的Blazor应用程序。我们将重点介绍如何将正确配置的Microsoft Identity应用程序连接到您的Blazor框架。
  • ASP.NET社区站立 - 使用Blazor Hybrid创建本机客户端应用程序 - duration 2022年3月8日 - 加入这个Blazor社区站立,了解如何使用Blazor Hybrid创建适用于Windows、iOS、Android和Mac的跨平台本机客户端应用程序。社区链接
  • 使用Tailwind CSS构建漂亮的Blazor应用程序 - duration 2022年3月2日 - Tailwind CSS已经成为一段时间以来越来越受欢迎的框架。它正在迅速成为在样式化应用程序时使用的顶级框架之一。它提供了一种与传统框架(如Bootstrap)不同的方法-基于实用程序的样式化。与使用预构建组件(导致您的应用程序看起来像网络上的其他应用程序)不同,您可以通过应用小而专注的CSS类来定制设计,从而为您的应用程序创建独特的样式。在这个演讲中,您将学习如何将Tailwind CSS的强大功能带到您的Blazor应用程序中。我们将从介绍Tailwind以及它与其他CSS框架的区别开始。然后,我们将进入一些代码,并看看如何将Tailwind与Blazor集成。在接下来的时间里,我们将探索Tailwind的各种功能,并看看我们可以为我们的Blazor应用程序创造多么美丽的界面。由Chris Sainty在NDC Oslo 2021上演讲。
  • 使用bUnit对Blazor组件进行最佳实践单元测试 - duration 2022年3月1日 - 为什么要创建UI组件的测试?UI测试不是天生脆弱、运行缓慢且难以维护吗?由Egil Hansen在NDC Oslo 2021上演讲。
  • 使用CSharpFritz学习C# - Blazor应用程序托管 - duration 2022年2月28日 - 您已经构建了Blazor应用程序,现在在哪里运行它?在这个充满演示的会议上,Fritz将介绍渐进式Web应用程序、使用Docker打包以及将Blazor应用程序部署到Azure。社区链接
  • Blazor、.NET 6和WebAssembly - duration 2022年2月21日 - Steve Sanderson在NDC Oslo 2021上的演讲。.NET 6对于Blazor来说是一个重要的版本,为.NET Web开发人员增加了许多强大的新功能。这个演讲将充满演示,让您了解这个热门框架的最新情况。
  • 使用Blazor构建经典冒险游戏 - duration duration 2022年2月14日 - Blazor是一个免费且开源的Web框架,使开发人员能够使用C#和HTML创建Web应用程序。作为一名.NET开发人员,我也是经典指向和点击冒险游戏的忠实粉丝,我将我的Game-a-Tron 4000冒险游戏引擎移植到了Blazor上。
  • ASP.NET社区站立 - Blazor .NET 7路线图 - duration 2022年2月8日 - 了解Blazor在.NET 7中的计划。社区链接
  • C# Corner .NET大会第1天 - duration 2022年1月24日 - 大会的第一天以Scott Hunter的主题演讲开始。第一天的重点是前端技术(Blazor)。会议网站
  • ASP.NET社区站立 - Blazor WebAssembly在.NET 6上 - duration 2022年1月11日 - 加入Blazor创始人Steve Sanderson,了解Blazor WebAssembly在.NET 6上的特殊情况。社区链接
  • 档案 - 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分钟。
  • 存档 - 20212020201920182017

演示幻灯片

工具

书籍

电子书

  • 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

课程

社区

其他语言

许可证

CC0

在法律允许的范围内,Adrien Torris已放弃对此作品的所有版权和相关或邻近权利。

与Blazor资源大全,很棒的Blazor相似的内容:

Blazor资源大全,很棒的Blazor

# Blazor资源大全 [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re) [](https://dotnet.microsoft.com/apps/aspnet/web-apps/client) > 一个收集了

Blazor实战——Known框架单表增删改查导

本章介绍学习增、删、改、查、导功能如何实现,下面以商品资料作为示例,该业务栏位如下: > 类型、编码、名称、规格、单位、库存下限、库存上限、备注 ## 1. 前后端共用 ### 1.1. 创建实体类 - 在KIMS项目Entities文件夹下创建KmGoods实体类 - 该类继承EntityBase

关于Unity 如何与Blazor Server结合

关于Unity 如何与Blazor Server结合 一、介绍 最近工作中有`Unity`与`Blazor Server`结合的需求,在网上找了一圈,发现这方面的资料比较少,特此写下这篇记录一下自己的实现过程,希望可以帮到有需要的朋友。(下方多图预警) OS Version : windows 11

使用Blazor WebAssembly整合PocketBase的基础项目模板

使用Blazor WebAssembly整合PocketBase的基础项目模板 在这篇博客文章中,我们将探讨如何创建一个集成PocketBase的基础Blazor WebAssembly项目。我们将涵盖用户身份验证、注册和密码找回功能。我们的项目使用PocketBaseClient,这是一个动态生成

微软官方开源免费的Blazor UI组件库 - Fluent UI Blazor

前言 今天大姚给大家分享一个由微软官方开源(MIT License)、免费的Blazor UI组件库:Fluent UI Blazor。 全面的ASP.NET Core Blazor简介和快速入门 Fluent UI Blazor介绍 Fluent UI Blazor是一个基于Blazor的组件库,

blazor优雅的方式导入组件相关的js脚本

基本的组件导入方式为: 1 await JsRuntime.InvokeVoidAsync("import", $"XXXXX.js"); 优雅的组件导入方式: 1 await JsRuntime.ImportAsync(); 这种优雅一点不难,只需要写一个扩展方法,把他放在任

【ASP.NET Core】修改Blazor.Server的Hub地址后引发的问题

Blazor Server,即运行在服务器上的 Blazor 应用程序,它的优点是应用程序在首次运行时,客户端不需要下载运行时。但它的代码是在服务器上执行的,然后通过 SignalR 通信来更新客户端的 UI,所以它要求必须建立 Web Socket 连接。 用于 Blazor 应用的 Signal

Blazor实战——Known框架快速开始

Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。 开源地址: https://gitee.com/known/Known ## 1. 安装项目模板并创建新项目 - 打开命令行输入如下命令安装和创建。 ```bash -- 安装模板 dotnet

Blazor实战——Known框架功能配置

本章介绍功能模块菜单、按钮、列表栏位如何配置。 ### 配置菜单模块 - 运行框架,进入“系统管理-模块管理”页面,点击左侧上级模块,点击【新增】按钮 ![输入图片说明](https://foruda.gitee.com/images/1684223573492708502/c0d8e5a8_143

Blazor前后端框架Known-V1.2.1

# V1.2.1 Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。 - Gitee: [https://gitee.com/known/Known](https://gitee.com/known/Known) - Github:[https:/