Blazor资源大全,很棒的Blazor(1)

Blazor资源大全 outside_default.png

[f3d07d33d5d8c7ffb918ddbcc47183f1.png](https://dotnet.microsoft.com/apps/aspnet/web-apps/client "ca0093e009b70313a49af718af231e2c.png")

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

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

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

如果你需要在这个列表中搜索,你可以尝试这个很棒的网站:Awesome Blazor Browser[3]。感谢@jsakamoto提供这个!源代码[4]outside_default.pngoutside_default.png

目录

  • 介绍[5]

  • 通用[6]

  • 模板[7]

  • 示例项目[8]

  • 教程[9]

  • 库和扩展[10]

  • 真实世界应用[11]

  • 视频[12]

  • 文章[13]

  • 播客[14]

  • 演示幻灯片[15]

  • 工具[16]

  • 书籍[17]

  • 电子书[18]

  • 课程[19]

  • 社区[20]

  • 其他语言[21]

介绍

什么是Blazor?

Blazor是一个用于使用C#构建客户端Web应用程序的.NET Web框架。

Blazor允许您使用C#而不是JavaScript构建交互式Web用户界面。Blazor应用程序由使用C#、HTML和CSS实现的可重用的Web用户界面组件组成。客户端和服务器代码都是用C#编写的,允许您共享代码和库。 更多信息请参阅官方Blazor网站[22]

入门

要开始使用Blazor,请按照Blazor入门[23]文档中的说明进行操作。

在Microsoft Learn上完成使用Blazor构建Web应用程序[24]学习会议也是一个不错的主意。另一个很好的入门资源是Jeff Fritz在Channel9[25]或YouTube[26]上的初学者系列。

通用

  • ASP.NET博客存档[27] - 关于Blazor的ASP.NET博客存档。

  • Blazor[28] - Blazor的官方网站,来自Microsoft。

  • Microsoft Learn上的Blazor课程[29] - Microsoft Learn上的Blazor课程。

  • .NET基金会上的Blazor-Dev库[30] - Blazor“dev”分支的每日构建。

  • Blazor扩展[31] - 为Microsoft ASP.Net Core Blazor精选的扩展。

  • Blazor大学[32] - 非官方的文档网站。

  • 演示[33] - 官方基本演示网站。

  • 文档[34] - 官方文档,由Microsoft提供。

  • eShopOnBlazor[35] - outside_default.pngoutside_default.png 将传统的ASP.NET Web Forms应用程序迁移到Blazor的示例,由Microsoft Architecture提供。

  • 常见问题[36] - 常见问题。

  • GitHub存储库[37] - outside_default.pngoutside_default.png 官方Blazor存储库(即ASP.NET Core存储库)。

  • 'Hello World'示例[38] - 'Hello World'示例。

  • ASP.NET Core简介[39] - ASP.NET Core简介。

  • 工作坊[40] - outside_default.pngoutside_default.png 构建一个完整的Blazor应用程序,并在此过程中了解各种Blazor框架功能。

  • Blazor WebAssembly性能最佳实践[41] - ASP.NET Core Blazor WebAssembly性能最佳实践,由Pranav Krishnamoorthy和Steve Sanderson提供。

  • themesof.net[42] - .NET 6规划过程。

  • 30秒Blazor[43] - 有用代码片段的集合,灵感来自流行的30秒JavaScript和React。

模板

  • BitPlatform模板[44] - outside_default.pngoutside_default.png - 使用.Net MAUI和Blazor的解决方案模板,具备开箱即用的最佳实践,实现快速高质量的跨平台开发,支持Web、Android、iOS和Windows,具备原生美观的Blazor组件。这些模板创建的项目包含了开发实际应用所需的一切,包括(但不限于)CI/CD流水线、Azure的基础设施即代码、本地化、多模式开发(Blazor Server/WASM/Hybrid)、内置的异常处理等。了解更多[45]

  • Blazor Hero[46] - outside_default.pngoutside_default.png - 使用MudBlazor组件构建的Blazor WebAssembly的干净架构解决方案模板。这个项目将使您的Blazor学习过程比您预期的要容易得多。Blazor Hero旨在成为一个企业级的样板,完全开源,免费使用。在这里阅读快速入门指南[47]

  • Blazor BFF Azure AD[48] - outside_default.pngoutside_default.png - 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure AD和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[49]

  • Blazor BFF Azure B2C[50] - outside_default.pngoutside_default.png - 此模板可用于创建一个在ASP.NET Core Web应用程序中托管的Blazor WASM应用程序,使用Azure B2C和Microsoft.Identity.Web进行身份验证,使用BFF安全架构进行身份验证(服务器身份验证)。这将从浏览器中删除令牌,并在每个HTTP请求、响应中使用cookie。该模板还尽可能地为Blazor应用程序添加了所需的安全标头。在这里阅读快速入门指南[51]

  • 使用Blazor和C#从头开始构建文本编辑器[52] - YouTube上的一系列视频,介绍如何使用Blazor和.NET从头开始构建自己的IDE。起始点仓库[53]outside_default.pngoutside_default.png。Blazor Studio仓库[54]outside_default.pngoutside_default.png

示例项目

AI

Cledev.OpenAI[55] - outside_default.pngoutside_default.png 用于OpenAI的.NET 7 SDK,带有一个Blazor Server的游乐场。

认证

  • BlazorBoilerplate[56] - outside_default.pngoutside_default.png 带有IdentityServer4 Material Design的真实世界管理仪表板/入门套件。演示[57]

  • TheIdServer[58] - outside_default.pngoutside_default.png 基于IdentityServer4的OpenID/Connect服务器。

  • BlazorWithIdentity[59] - outside_default.pngoutside_default.png 展示使用EF Core和Identity身份验证的Blazor应用程序的示例项目。

  • Blorc.OpenIdConnect[60] - outside_default.pngoutside_default.png 在Blazor上正确使用OpenID Connect的方法。

  • Blazor-WASM-AzureAD-gRPC[61] - outside_default.png Blazor WASM、Azure AD、REST和gRPC。

  • Quiz manager secured by Auth0[62] - outside_default.png 该存储库包含一个使用Auth0[63]进行安全保护的Blazor WebAssembly应用程序实现的简单的测验管理器。实现细节在以下文章中描述:Securing Blazor WebAssembly Apps[64]

CMS

  • Blogifier[65] - outside_default.pngoutside_default.pngoutside_default.png 带有Blazor管理仪表板的ASP.NET Core博客应用程序。演示[66]

  • eShopOnBlazor[67] - outside_default.pngoutside_default.png 将传统的ASP.NET Web Forms应用程序迁移到Blazor。

  • JHipster.NET[68]outside_default.pngoutside_default.pngJHipster[69]是一个在Java世界中生成现代应用程序的知名平台。JHipster[70]提供了一个蓝图系统,允许覆盖生成器的默认行为。JHipster.NET是一个蓝图,通过将后端部分从最初生成的spring boot更改为asp.net core,覆盖了后端部分。对于前端,可以使用所有常见的语言(angular、react),包括Blazor。

  • RapidCMS[71] - outside_default.pngoutside_default.png 一个基于代码的、可扩展的Blazor应用程序,为您的数据库生成CMS。

  • BlazorShop[72] - outside_default.pngoutside_default.png 使用Blazor WebAssembly构建的简单商店应用程序。

  • Umbraco9 & Blazor WASM Starter Site[73] - outside_default.png 用Blazor WebAssembly和Tailwind CSS/UI制作的Umbraco v9的简单入门站点。这是一个我用来玩耍和尝试Umbraco 9、Blazor WebAssembly、TailwindCSS、块列表编辑器和其他几个概念的项目。

游戏

  • Trains.NET[74] - outside_default.pngoutside_default.png 使用.NET和C#构建的2D游戏,通过Twitch流[75]可以在线玩Trains,网址为wengier.com/Trains.NET[76]

  • AsteroidsWasm[77] - outside_default.pngoutside_default.png 一组使用单个.NET Standard项目的.NET 5 C#应用程序,运行在:Blazor Client(WebAssembly)、Blazor Server、Electron(通过Blazor Server)、WPF、WinForms、Xamarin。演示[78]

  • DiabloBlazor[79] - outside_default.pngoutside_default.png DiabloWeb的Blazor移植,使其成为一个双WebAssembly应用程序:一个WebAssembly(C#)PWA托管一个WebAssembly(C++)游戏。演示[80]

  • Board Games[81] - outside_default.pngoutside_default.pngFusion[82] + Blazor示例,一个完全功能的Web应用程序,允许您进行实时多人游戏。演示[83]

  • Wolfenstein 3D ported to Blazor[84] - outside_default.pngoutside_default.png Wolfenstein 3D移植到现代C#和Blazor。文章[85]

  • ZXSpectrum[86] - outside_default.png 在Blazor WebAssembly上运行的ZX Spectrum模拟器。演示[87]

  • WordleBlazor[88] - outside_default.png Blazor中受欢迎的Wordle游戏的简单克隆。演示[89]

混合

  • Blazor + Electron[90] - 在Electron外壳中托管Razor组件。这允许使用.NET和Web技术构建现代、高性能的跨平台桌面应用程序。

  • Blazor + WebWindow[91] - WebWindow[92]类似于Electron,但不需要捆绑Node.js或Chromium,并且没有大部分API。WebWindow源代码[93]。这里有Blazor + WebWindow示例[94]

  • Photino[95] - outside_default.pngoutside_default.png 构建原生的、跨平台的桌面应用程序,比轻量级还要轻量级。Photino是一个轻量级的开源框架,用于使用Web UI技术构建原生的、跨平台的桌面应用程序。

  • Blazor + Umbraco Heartcore[96] - outside_default.png 使用Umbraco Heartcore[97]与Blazor的示例。

  • Blazor Wasm with ASP.NET Framework 4.x[98] - 通过一些调整和限制,您可以在Net Framework 4.x或其他环境中运行Blazor Wasm。Medium上的解释[99]

  • RemoteBlazorWebView[100] - outside_default.png RemoteBlazorWebView使您能够使用Web浏览器与使用BlazorWebView WPF控件或WinForms控件开发的程序的用户界面进行交互。

  • BlazorInAngularDemo[101] - outside_default.png 演示了如何逐步将现有的Angular应用程序逐步迁移到Blazor,包括集成Blazor组件和调用Angular服务方法。演示[102]

IDE

  • Blazor Studio[103] - outside_default.pngoutside_default.png 使用Photino主机、Blazor UI和C#编写的.NET解决方案的IDE。

  • Picat语言IDE[104] - outside_default.png 基于Monaco Editor的Picat逻辑编程语言[105]的IDE。演示[106]

物联网

  • PresenceLight[107] - outside_default.pngoutside_default.png PresenceLight是一个将各种状态广播到飞利浦Hue或LIFX灯泡的解决方案。您可以广播的一些状态包括:您在Microsoft Teams中的可用性、您当前的Windows 10主题以及您选择的主题或颜色。博客文章[108]。演示视频[109]

  • Meadow Weather[110] - outside_default.png 在此示例中,Meadow微控制器从LM35温度传感器中获取数据。该数据通过HTTP请求发送到API控制器端点,并存储在数据库中,可以使用Blazor Web应用程序中的图表进行可视化。

机器学习

  • 可扩展情感分析[111] - outside_default.pngoutside_default.png 一个示例,能够在客户端使用非常交互式的应用程序(基于Blazor)对用户的写作进行情感分析预测/检测,并在服务器端运行一个ML.NET模型(基于二元分类的情感分析)。

  • optimizer.ml[112] - outside_default.pngoutside_default.png 一个“无服务器”的通用算法参数优化套件。还提供Quantconnect Lean[113]交易算法的离线优化。演示 (https://optimizer.ml)[114]

  • 棒球机器学习工作台[115] - outside_default.pngoutside_default.png 一个展示使用内存中的机器学习模型进行假设分析的Web应用程序。实时演示[116]

  • BlazorML5[117] - outside_default.png Blazor中的ML5机器学习,使用JSInterop机制。

移动

  • Mobile Blazor Bindings[118] - 实验性的Mobile Blazor Bindings - 使用Blazor构建原生移动应用程序。

快速开发框架

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

待办事项

  • TodoApi by David Fowler[121] - outside_default.pngoutside_default.png David Fowler在.NET 7中创建的待办事项应用程序,包括一个基于ASP.NET Core托管的Blazor WASM前端应用程序和一个使用最小API的ASP.NET Core REST API后端。

  • Bolero.TodoMVC[122] - outside_default.pngoutside_default.png 使用Bolero的TodoMVC克隆。

  • ididit![123] - outside_default.pngoutside_default.png 适合拖延症患者的习惯追踪器。记录笔记,管理任务,追踪习惯。演示[124]

其他

  • CleanArchitecture[125] - outside_default.pngoutside_default.png 使用MudBlazor组件构建的Blazor WebAssembly的Clean Architecture模板。

  • Oqtane Framework[126] - outside_default.pngoutside_default.png 用于Blazor的模块化应用程序框架。

  • Flight Finder[127] - outside_default.pngoutside_default.png 航班搜索。

  • LinqToTwitter Blazor示例[128] - outside_default.pngoutside_default.png 用于Twitter API的LINQ提供程序(Twitter库)。

  • BlazorFileReader[129] - outside_default.pngoutside_default.png 在Blazor中读取只读文件流。演示[130]

  • eShopOnBlazor[131] - outside_default.pngoutside_default.png 将传统的ASP.NET Web Forms应用程序迁移到Blazor。

  • BlazorChatSample[132] - outside_default.pngoutside_default.png 使用SignalR JS客户端和Interop的Blazor聊天演示。

  • Command and Control, by David Fowler[133] - outside_default.pngoutside_default.png 这是一个使用Blazor服务器和SignalR进行命令和控制的示例。代理连接到托管SignalR Hub的Blazor服务器应用程序,我们可以对连接的代理发出各种命令(此功能使用客户端结果)。

  • BlazorCRUD[134] - outside_default.pngoutside_default.png 展示Blazor的关键功能的示例业务应用程序。演示[135]

  • Money[136] - outside_default.pngoutside_default.png 使用CQRS+ES实现的资金管理器。演示[137]

  • Blazor Weather[138] - outside_default.pngoutside_default.png 一个Blazor天气示例应用程序,显示当前位置的天气和一组固定位置的天气。由Daniel Roth在.NET Conf 2019上演示。演示[139]

  • Blazor.SVGEditor[140] - outside_default.pngoutside_default.png 一个基本的HTML SVG编辑器,使用Blazor WASM编写。演示[141]

  • NethereumBlazor[142] - outside_default.pngoutside_default.png 以太坊区块链浏览器和简单钱包。

  • FFmpegBlazor[143] - outside_default.pngoutside_default.png FFmpegBlazor提供了在Blazor Wasm C#中利用ffmpeg.wasm的能力。ffmpeg.wasm[144]outside_default.pngoutside_default.png 是FFmpeg的纯Webassembly / Javascript端口。它使得在浏览器内部能够进行视频和音频的录制、转换和流媒体处理。

  • Blazor Studio[145] - outside_default.pngoutside_default.png 一个使用.NET编写的免费开源IDE - 使用Photino主机、Blazor UI和C#。

  • Planning Poker[146]outside_default.png 用于分布式团队进行Planning Poker的应用程序。该应用程序使用Blazor实现,并展示了如何在客户端和服务器端模式之间进行切换。演示[147]

  • C# Regex Tester online[148] - outside_default.png 用于验证.NET正则表达式语法的在线工具。(演示[149])。

  • C# Regex Online tool[150] - outside_default.png 用于验证.NET正则表达式语法的在线工具,可以查看拆分列表、表格等。(演示[151])。

  • Blazor Tour of Heroes[152] - Blazor英雄之旅,使用Blazor-State[153](使用MediatR管道的状态管理架构)实现Redux风格的状态管理。

  • Blazor.Text.Editor[154] - outside_default.png Blazor.Text.Editor是一个使用Blazor UI Framework for .NET的文本编辑器组件库。演示[155]

  • Blazor Wake-on-LAN[156] - outside_default.png 用于本地网络的Wake-on-LAN应用程序。Blazor Server + EF Core + DI + CI。

  • BlazingWaffles[157] - outside_default.png 一个包装Waffle Generator[158]的Blazor应用程序。该生成器输出可读的无意义文本,可用于替代Lorum Ipsum。演示[159]

  • Nethereum Playground[160] - outside_default.png 在浏览器上编译和运行Nethereum代码片段。您可以在这里运行它:http://playground.nethereum.com/。

  • TypinExamples[161] - outside_default.png 一个演示如何在Blazor SPA应用程序中使用Typin[162]框架的示例项目(使用Xterm.js和自定义的C# Web Workers实现在浏览器中模拟终端体验)。在线演示[163]

  • Unofficial eShopOnContainers[164] - outside_default.pngeShopOnContainers[165]的非官方Blazor WebAssembly客户端。

  • UpBlazor[166] - outside_default.png - outside_default.png Blazor Server与Up bank(一家澳大利亚数字银行)集成,帮助用户进行预算管理并获得强大的未来洞察力。使用Clean Architecture和Marten DB[167]

  • WordTester[168] - outside_default.png 一个用于学习外语单词的应用程序,使用闪卡和间隔重复。

  • Css in Blazor presentation's source code[169] - outside_default.png Ed Charbeneau关于Blazor和CSS的演示的源代码。

  • BlazorViz interop wrapper for Viz.js[170] - outside_default.png 生成Graphviz DOT语言文件并可视化树形数据结构的示例。演示[171]

  • BlazorServerImageRecognitionApp[172] - outside_default.png 简单的Blazor Server应用程序,使用图像识别来识别和提取用户上传的图像文件中的文本。演示[173]

  • FootballBlazorApp[174] - outside_default.png 简单的Football Blazor Server Web应用程序,显示赛程和结果、小组积分、球队和球员,并具有球员搜索功能。演示[175]

参考资料

[1]

贡献指南: https://github.com/AdrienTorris/awesome-blazor/blob/master/CONTRIBUTING.md

[2]

贡献者: https://github.com/AdrienTorris/awesome-blazor/graphs/contributors

[3]

Awesome Blazor Browser: https://jsakamoto.github.io/awesome-blazor-browser/

[4]

源代码: https://github.com/jsakamoto/awesome-blazor-browser

[5]

介绍: #introduction

[6]

通用: #general

[7]

模板: #templates

[8]

示例项目: #sample-projects

[9]

教程: #tutorials

[10]

库和扩展: #libraries--extensions

[11]

真实世界应用: #real-world-applications

[12]

视频: #videos

[13]

文章: #articles

[14]

播客: #podcasts

[15]

演示幻灯片: #presentations-slides

[16]

工具: #tooling

[17]

书籍: #books

[18]

电子书: #e-books

[19]

课程: #courses

[20]

社区: #community

[21]

其他语言: #other-languages

[22]

官方Blazor网站: https://blazor.net

[23]

Blazor入门: https://docs.microsoft.com/aspnet/core/blazor/get-started

[24]

使用Blazor构建Web应用程序: https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/

[25]

Channel9: https://channel9.msdn.com/Series/Beginners-Series-to-Blazor

[26]

YouTube: https://www.youtube.com/playlist?list=PLdo4fOcmZ0oUJCA3DCzKT79Oe3kdKEceX

[27]

ASP.NET博客存档: https://devblogs.microsoft.com/aspnet/category/blazor/

[28]

Blazor: https://dotnet.microsoft.com/apps/aspnet/web-apps/client

[29]

Microsoft Learn上的Blazor课程: https://docs.microsoft.com/learn/browse/?expanded=dotnet%2Cazure%2Csurface&products=dotnet%2Cwindows&roles=developer&terms=blazor

[30]

.NET基金会上的Blazor-Dev库: https://dotnet.myget.org/gallery/blazor-dev

[31]

Blazor扩展: https://github.com/BlazorExtensions

[32]

Blazor大学: http://blazor-university.com/

[33]

演示: https://blazor-demo.github.io/

[34]

文档: https://docs.microsoft.com/aspnet/core/blazor

[35]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[36]

常见问题: https://github.com/aspnet/Blazor/wiki/FAQ

[37]

GitHub存储库: https://github.com/dotnet/aspnetcore

[38]

'Hello World'示例: https://github.com/dodyg/practical-aspnetcore/tree/master/projects/blazor

[39]

ASP.NET Core简介: https://docs.microsoft.com/aspnet/core/

[40]

工作坊: https://github.com/dotnet-presentations/blazor-workshop/

[41]

Blazor WebAssembly性能最佳实践: https://docs.microsoft.com/aspnet/core/blazor/webassembly-performance-best-practices

[42]

themesof.net: https://themesof.net/

[43]

30秒Blazor: https://www.30secondsofblazor.net/

[44]

BitPlatform模板: https://github.com/bitfoundation/bitplatform

[45]

了解更多: https://bitplatform.dev/

[46]

Blazor Hero: https://github.com/blazorhero/CleanArchitecture

[47]

在这里阅读快速入门指南: https://codewithmukesh.com/blog/blazor-hero-quick-start-guide/

[48]

Blazor BFF Azure AD: https://github.com/damienbod/Blazor.BFF.AzureAD.Template

[49]

在这里阅读快速入门指南: https://github.com/damienbod/Blazor.BFF.AzureAD.Template/blob/main/README-NUGET.md/

[50]

Blazor BFF Azure B2C: https://github.com/damienbod/Blazor.BFF.AzureB2C.Template

[51]

在这里阅读快速入门指南: https://github.com/damienbod/Blazor.BFF.AzureB2C.Template/blob/main/README-NUGET.md/

[52]

使用Blazor和C#从头开始构建文本编辑器: https://www.youtube.com/playlist?list=PLG4PTDe2qc0i0COivTxn_rjSN96Xq-_K1

[53]

起始点仓库: https://github.com/huntercfreeman/Blazor.Text.Editor-VideoSeries

[54]

Blazor Studio仓库: https://github.com/huntercfreeman/BlazorStudio

[55]

Cledev.OpenAI: https://github.com/lucabriguglia/Cledev.OpenAI

[56]

BlazorBoilerplate: https://github.com/enkodellc/blazorboilerplate

[57]

演示: https://blazorboilerplate.com

[58]

TheIdServer: https://github.com/Aguafrommars/TheIdServer

[59]

BlazorWithIdentity: https://github.com/stavroskasidis/BlazorWithIdentity

[60]

Blorc.OpenIdConnect: https://github.com/WildGums/Blorc.OpenIdConnect

[61]

Blazor-WASM-AzureAD-gRPC: https://github.com/StefH/BlazorWasmGrpcWithAADAuth

[62]

Quiz manager secured by Auth0: https://github.com/auth0-blog/secure-blazor-wasm-quiz-manager

[63]

Auth0: https://auth0.com/

[64]

Securing Blazor WebAssembly Apps: https://auth0.com/blog/securing-blazor-webassembly-apps/

[65]

Blogifier: https://github.com/blogifierdotnet/Blogifier

[66]

演示: http://blogifier.net/blog

[67]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[68]

JHipster.NET: https://github.com/jhipster/jhipster-dotnetcore

[69]

JHipster: https://www.jhipster.tech/

[70]

JHipster: https://www.jhipster.tech/

[71]

RapidCMS: https://github.com/ThomasBleijendaal/RapidCMS

[72]

BlazorShop: https://github.com/kalintsenkov/BlazorShop

[73]

Umbraco9 & Blazor WASM Starter Site: https://github.com/cornehoskam/Umbraco9-Blazor-Starterkit

[74]

Trains.NET: https://github.com/davidwengier/Trains.NET

[75]

Twitch流: https://www.twitch.tv/davidwengier

[76]

wengier.com/Trains.NET: https://wengier.com/Trains.NET

[77]

AsteroidsWasm: https://github.com/aesalazar/AsteroidsWasm

[78]

演示: https://aesalazar.github.io/AsteroidsWasm/

[79]

DiabloBlazor: https://github.com/n-stefan/diabloblazor

[80]

演示: https://n-stefan.github.io/diabloblazor

[81]

Board Games: https://github.com/alexyakunin/BoardGames

[82]

Fusion: https://github.com/servicetitan/Stl.Fusion

[83]

演示: https://github.com/alexyakunin/BoardGames

[84]

Wolfenstein 3D ported to Blazor: https://github.com/JamesRandall/csharp-wolfenstein

[85]

文章: https://www.jamesdrandall.com/posts/csharp_blazor_wolfenstein_part_1/

[86]

ZXSpectrum: https://github.com/EngstromJimmy/ZXSpectrum

[87]

演示: https://zxspectrum.azurewebsites.net/

[88]

WordleBlazor: https://github.com/johnt84/WordleBlazorApp

[89]

演示: https://wordleblazorapp.azurewebsites.net/

[90]

Blazor + Electron: https://aka.ms/blazorelectron

[91]

Blazor + WebWindow: https://aka.ms/webwindow

[92]

WebWindow: https://www.nuget.org/packages/WebWindow

[93]

WebWindow源代码: https://github.com/SteveSandersonMS/WebWindow

[94]

这里有Blazor + WebWindow示例: https://github.com/SteveSandersonMS/WebWindow/tree/master/samples/BlazorDesktopApp

[95]

Photino: https://github.com/tryphotino/photino.NET

[96]

Blazor + Umbraco Heartcore: https://github.com/umbraco/Umbraco.Headless.Client.Net/tree/master/samples/Umbraco.Headless.Client.Samples.BlazorServer

[97]

Umbraco Heartcore: https://umbraco.com/products/umbraco-heartcore/

[98]

Blazor Wasm with ASP.NET Framework 4.x: https://github.com/elgransan/BlazorWasmWithNetFrameworkMVC

[99]

Medium上的解释: https://medium.com/@santiagoc_33226/using-blazor-wasm-with-net-framework-mvc-or-another-old-external-site-7fc0884fcfca

[100]

RemoteBlazorWebView: https://github.com/budcribar/RemoteBlazorWebView

[101]

BlazorInAngularDemo: https://github.com/Xenoage/BlazorInAngularDemo

[102]

演示: https://xenoage.github.io/BlazorInAngularDemo/

[103]

Blazor Studio: https://github.com/huntercfreeman/BlazorStudio

[104]

Picat语言IDE: https://github.com/andrzejolszak/picat-blazor-monaco-ide/

[105]

Picat逻辑编程语言: http://picat-lang.org/

[106]

演示: https://andrzejolszak.github.io/picat-blazor-monaco-ide/PicatBlazorMonaco/publish/wwwroot/

[107]

PresenceLight: https://github.com/isaacrlevin/PresenceLight

[108]

博客文章: https://www.isaaclevin.com/post/presence-light

[109]

演示视频: https://www.youtube.com/playlist?list=PL_IEvQa-oTVtB3fKUclJNNJ1r-Sxtjc-m

[110]

Meadow Weather: https://github.com/bradwellsb/blazor-meadow-weather

[111]

可扩展情感分析: https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp

[112]

optimizer.ml: https://github.com/jameschch/LeanParameterOptimization

[113]

Quantconnect Lean: https://github.com/QuantConnect/Lean

[114]

演示 (https://optimizer.ml): https://optimizer.ml

[115]

棒球机器学习工作台: https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp

[116]

实时演示: https://baseballmlworkbench-v1.azurewebsites.net

[117]

BlazorML5: https://github.com/sps014/BlazorML5

[118]

Mobile Blazor Bindings: https://aka.ms/mobileblazorbindings

[119]

WalkingTec.Mvvm (WTM): https://github.com/dotnetcore/WTM

[120]

网站: https://wtmdoc.walkingtec.cn

[121]

TodoApi by David Fowler: https://github.com/davidfowl/TodoApi

[122]

Bolero.TodoMVC: https://github.com/fsbolero/TodoMVC

[123]

ididit!: https://github.com/Jinjinov/Ididit

[124]

演示: https://app.ididit.today/

[125]

CleanArchitecture: https://github.com/blazorhero/CleanArchitecture

[126]

Oqtane Framework: https://github.com/oqtane/oqtane.framework

[127]

Flight Finder: https://github.com/aspnet/samples/tree/master/samples/aspnetcore/blazor

[128]

LinqToTwitter Blazor示例: https://github.com/JoeMayo/LinqToTwitter/tree/main/Samples/LinqToTwitter5/net48/CSharp/AspNetSamples/BlazorDemo

[129]

BlazorFileReader: https://github.com/Tewr/BlazorFileReader

[130]

演示: https://tewr.github.io/BlazorFileReader/

[131]

eShopOnBlazor: https://github.com/dotnet-architecture/eShopOnBlazor

[132]

BlazorChatSample: https://github.com/conficient/blazorchatsample

[133]

Command and Control, by David Fowler: https://github.com/davidfowl/CommandAndControl

[134]

BlazorCRUD: https://github.com/thbst16/BlazorCrud

[135]

演示: https://becksblazor.azurewebsites.net/

[136]

Money: https://github.com/maraf/Money

[137]

演示: https://app.money.neptuo.com/

[138]

Blazor Weather: https://github.com/danroth27/BlazorWeather

[139]

演示: https://aka.ms/blazorweather

[140]

Blazor.SVGEditor: https://github.com/KristofferStrube/Blazor.SVGEditor

[141]

演示: https://kristofferstrube.github.io/Blazor.SVGEditor/

[142]

NethereumBlazor: https://github.com/Nethereum/NethereumBlazor

[143]

FFmpegBlazor: https://github.com/sps014/FFmpegBlazor

[144]

ffmpeg.wasm: https://github.com/ffmpegwasm/ffmpeg.wasm

[145]

Blazor Studio: https://github.com/huntercfreeman/BlazorStudio

[146]

Planning Poker: https://github.com/duracellko/planningpoker4azure

[147]

演示: http://planningpoker.duracellko.net

[148]

C# Regex Tester online: https://github.com/lsvhome/regex-tester

[149]

演示: https://lsvhome.github.io/regex-tester/

[150]

C# Regex Online tool: https://github.com/MichaelSL/blazor-wasm-test-012020

[151]

演示: https://dotnet-regex.com/

[152]

Blazor Tour of Heroes: https://github.com/georgemathieson/blazor-tour-of-heroes

[153]

Blazor-State: https://github.com/TimeWarpEngineering/blazor-state

[154]

Blazor.Text.Editor: https://github.com/huntercfreeman/Blazor.Text.Editor

[155]

演示: https://hunter-freeman-dev.azurewebsites.net/

[156]

Blazor Wake-on-LAN: https://github.com/georg-jung/BlazorWoL

[157]

BlazingWaffles: https://github.com/gbiellem/BlazingWaffles

[158]

Waffle Generator: https://github.com/SimonCropp/WaffleGenerator

[159]

演示: http://wafflegen.azurewebsites.net/

[160]

Nethereum Playground: https://github.com/Nethereum/Nethereum.Playground

[161]

TypinExamples: https://github.com/adambajguz/Typin/tree/master/src/TypinExamples

[162]

Typin: https://github.com/adambajguz/Typin/

[163]

在线演示: https://adambajguz.github.io/Typin/

[164]

Unofficial eShopOnContainers: https://github.com/n-stefan/eshoponcontainers

[165]

eShopOnContainers: https://github.com/dotnet-architecture/eShopOnContainers

[166]

UpBlazor: https://github.com/Hona/UpBlazor

[167]

Marten DB: https://martendb.io/

[168]

WordTester: https://github.com/KamilBugnoKrk/WordTester

[169]

Css in Blazor presentation's source code: https://github.com/EdCharbeneau/Css-For-Blazor-Developers-Presentation

[170]

BlazorViz interop wrapper for Viz.js: https://github.com/mrzhdev/BlazorViz

[171]

演示: https://mrzhdev.github.io/BlazorViz/

[172]

BlazorServerImageRecognitionApp: https://github.com/johnt84/BlazorServerImageRecognitionApp

[173]

演示: https://blazorimagerecognitionapp.azurewebsites.net/

[174]

FootballBlazorApp: https://github.com/johnt84/FootballBlazorApp

[175]

演示: https://premierleagueblazorapp.azurewebsites.net/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值