全面的ASP.NET Core Blazor简介和快速入门

思维导航

• 前言
• Blazor是什么？
• Blazor的优势和特点
• Blazor的劣势
• Blazor支持的平台
• Blazor三种托管模型及其各自特点
• 如何选择要使用的托管模型？
• Razor语法简述
• 新建ZeroBlazor空白解决方案
• 使用VS 2022快速创建Blazor Server应用
• 使用VS 2022快速创建Blazor WebAssembly应用
• 课外知识拓展
• Blazor UI组件库推荐
• Blazor相关学习教程
• 参考文章

前言

 　　因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI，本篇文章主要是介绍Blazor是一个怎样的Web UI框架，其优势和特点在哪？并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况，假如你完全没有接触过C#的话建议你先从基本语法学起)。

Blazor是什么？

• Blazor是一个使用 .NET框架和C#编程语言Razor语法构建Web应用程序的UI框架，它可以用于构建单页应用（SPA）和 Web服务，它使用编译的C#来操纵HTML DOM来替代JavaScript。Blazor 的目标是让开发人员使用C#编程语言来编写 Web 应用程序，使得C#程序员可以在一个熟悉的编程语言中完成整个应用程序的开发。这样既可以提高开发效率，也可以减少学习成本。
• Blazor的核心技术基于WebAssembly，它允许在浏览器中运行编译后的本地代码，从而使得.NET运行时可以在浏览器中运行。在Blazor 中，开发人员可以使用Razor模板语法或者C#语言来编写Web应用程序的逻辑和界面代码。Blazor 应用程序可以直接在浏览器中运行，也可以作为服务端应用程序在服务器端运行，并通过 SignalR 实时通信。
• Blazor提供了一些常见的UI组件和布局控件，使得开发人员可以快速搭建 Web 应用程序的前端界面。此外，Blazor 还支持依赖注入、路由和可重用组件等功能，增强了应用程序的灵活性和可重用性。

总而言之：Blazor是一种新兴的Web应用程序框架，具有很大的潜力和发展前景。Blazor是在.NET和Razor上构建的用户界面框架，它采用了最新的Web技术和.NET框架优势，可以使用C# 编程语言编写Web 应用程序，它不仅可以提高开发效率，还可以提供更好的用户体验和更好的可维护性。

Blazor的优势和特点

Blazor是一个基于.NET框架和 C#编程语言构建 Web 应用程序的 UI 框架，它具有以下几个优势和特点：

• 简化开发流程：在Blazor中，前端和后端都可以使用C#进行编程，使得C#程序员可以在一个熟悉的编程语言中完成整个应用程序的开发，避免了学习多种语言和框架的麻烦。
• 高效的性能：Blazor应用程序可以直接在浏览器中运行，也可以在服务端运行，并通过SignalR实时通信，从而可以减少网络延迟和带宽消耗，提高应用程序的性能。
• 安全性强：Blazor 应用程序不需要在客户端上运行任何JavaScript代码，相对于传统的Web应用程序，可以大幅度降低应用程序受到跨站点脚本攻击（XSS）的风险。
• 易于测试和调试：由于Blazor应用程序的代码都是使用C#编写的，因此可以使用Visual Studio和其他C#开发工具对其进行测试和调试，简化了开发人员的工作和提高Bug查找效率。
• 可以重用现有代码：由于Blazor使用.NET框架和C#编程语言，因此可以重用现有的.NET库和组件，简化了开发过程并提高了代码的复用性。
• 单语言全栈开发：在 Blazor 中，开发人员可以使用同一种编程语言（C#）来构建 Web 应用程序的服务器端和客户端代码，从而实现一种全栈开发的方式（如果是一个小项目并且需要一个人同时撸前后端代码，用Blazor效率会更高）。

Blazor的劣势

• 框架生态相对较弱：相比于Vue、React、Angular等前端框架，Blazor的生态尚不完全，社区资源和开源项目相对较少，这可能会增加开发人员的学习和解决问题的难度。
• 目前仅支持最新版本的浏览器：虽然 Blazor 支持各种主流浏览器，但由于涉及到 WebAssembly 和其他新技术，一些旧版浏览器可能无法完全支持 Blazor 应用程序。
• 学习曲线较陡峭：Blazor是一种全新的Web开发技术，可能对一些非.NET后端开发人员来说存在较大的学习曲线，需要付出更多的时间和精力来学习和掌握。

^{Blazor支持的平台}

下表所示的浏览器在移动平台和桌面平台上均支持 Blazor WebAssembly 和 Blazor Server。

+当前版本指的是浏览器的最新版本。

对于 Blazor Hybrid 应用，我们测试并支持最新的平台 Web View 控件版本：

• Windows 上的 Microsoft Edge WebView2
  标签：Core,ASP,Razor,应用程序,应用,WebAssembly,NET,Blazor
  From： https://www.cnblogs.com/mq0036/p/17482244.html