Blazor —— 教你从零搭建 Blazor for Server-Side 项目

前言

这篇文章不会介绍什么是 Blazor，若想理解基本概念，请自行百度或查看微软官方文档。这篇文章是偏向技术的，也就是说它不是概念，而是教你从零开始搭建一个 Blazor 项目，前提是你必须先掌握 ASP.NET CORE 的基本知识。

学习Blazor的前提知识点

• ASP.NET CORE 的基本概念
• Razor Page 的基本概念
• 依赖注入的知识

言归正传

Blazor 是属于 ASP.NET CORE 3.0 体系下的又一套框架，所以你第一件事要做的就是下载 ASP.NET CORE 3.0 SDK 环境。而且仅支持 Visual Studio 2019 的版本，如果没有的话，出门右转。

小伙伴们一定要转变一个思维：

Blazor 是使用 C# 语言来进行客户端开发的框架。

和 React / Vue / Angular 这些客户端框架一样，是用来做前端的。具体怎么实现的，大家自己去看文档吧。

从零开始

请记住：这篇教程是从零开始，而不是从一个 Blazor 模版开始。

而是使用

1. 创建一个空的解决方案

然后为这个解决方案创建一个空项目或者一个控制台项目

创建完成后，只有一个 Program.cs

2.修改项目文件

• 修改项目文件【直接点击项目，或使用右键->编辑项目文件】
  然后会看到如下显示代码：

  <Project Sdk="Microsoft.NET.Sdk">
  
    <PropertyGroup>
      <OutputType>Exe</OutputType>
      <TargetFramework>netcoreapp3.0</TargetFramework>
    </PropertyGroup>
  
  </Project>
  

• 修改节点【Project】的 SDK 值为【Microsoft.NET.Sdk.Web】，表示使用的是 Web 项目。

  <Project Sdk="Microsoft.NET.Sdk.Web">
    <PropertyGroup>
      <OutputType>Exe</OutputType>
      <TargetFramework>netcoreapp3.0</TargetFramework>
    </PropertyGroup>
  </Project>
  

3. 添加 Startup.cs 类