学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)

  • 学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)已关闭评论
  • 39 次浏览
  • A+
所属分类:.NET技术
摘要

一、概述        Blazor 是一个生成交互式客户端 Web UI 的框架:

一、概述

       Blazor 是一个生成交互式客户端 Web UI 的框架:

  1.  使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。
  2. 共享使用 .NET 编写的服务器端和客户端应用逻辑。
  3. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。
  4. 与新式托管平台(如 Docker)集成。
  5. 使用 .NET 和 Blazor 生成混合桌面和移动应用。

      使用 .NET 进行客户端 Web 开发可提供以下优势:

  1. 使用 C# 代替 JavaScript 来编写代码。
  2. 利用现有的 .NET 库生态系统。
  3. 在服务器和客户端之间共享应用逻辑。
  4. 受益于 .NET 的性能、可靠性和安全性。
  5. 使用开发环境(例如 Visual Studio 或 Visual Studio Code)保持 Windows、Linux 或 macOS 上的工作效率。
  6. 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

二、开始学习第一个ASP.NET Blazor应用程序

      在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?从目前来看Blazor还是要学习一下的。本教程首先通过一个微软提供的Blazor应用程序模板示例,来简单学习一下如何创建基于ASP.NET Core Blazor的Web应用程序。

三、正式开始之前,请先安装以下软件

1).NET Core SDK 6.0版本或更高版本

2)Visual Studio 2022版本17.3 或更高版本。

3)在安装Visual Studio 2022的时候,必须选择“ASP.NET和Web开发”。如下图红框。 

学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)

图2-1

  4)如果已经安装了Visual Studio 2022,但在安装的时候,没有选择“ASP.NET 和Web开发”功能。请启动Visual Studio 2022,选择“继续但无需代码”,如下图红框所示。

 学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)

图2-2

5) 在Visual Studio 2022主界面中的菜单栏上选择“工具—》获取工具和功能”,弹出界面如第4)步中的图2-1。

 学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)

图2-3

6) 选择了之后,在安装程序中点击“修改”按钮。如下图。  

学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)

图2-4