C# Blazor 学习笔记(0):初识Blazor

文章目录

  • Blazor是什么
    • 适合人群
  • 开始学习Blazor
    • Blazor资源
    • 如何创建Blazor
    • Blazor 基础知识介绍
      • 文件分布
      • Razor和cshtml的区别
      • Razor介绍

Blazor是什么

Blazor是微软推出的前端框架,有两种形式,以下以Blazor Server为主。具有一下特点

  • 前端是用C#而不是JS
  • 前后端不分离
  • 采用及时渲染的方式将渲染结果发送到前端。
  • 支持.NET 框架
  • 快速开发
  • 可以在Winform,WPF,MAUI上面,将其作为宿主环境,作为网页展示。MAUI+Blazor是个全栈的解决方案,但是我个人暂时还没使用。因为MAUI比较新,文档和解决方案还不全面。

适合人群

  • 全栈
  • 快速开发前后端项目
  • 小项目,同时在线人数小于1000人。

开始学习Blazor

Blazor资源

Blazor 知识随笔

Blazor 视频教程

如何创建Blazor

本文使用的环境

  • Visual Studio 2022
  • .NET Core 6.0
  • Blazor Server(前后端一同开发)

在这里插入图片描述
创建结果:
C# Blazor 学习笔记(0):初识Blazor_第1张图片

运行结果:

C# Blazor 学习笔记(0):初识Blazor_第2张图片

Blazor 基础知识介绍

文件分布

  • 支持热重置
    -C# Blazor 学习笔记(0):初识Blazor_第3张图片

C# Blazor 学习笔记(0):初识Blazor_第4张图片

Razor和cshtml的区别

C# Blazor 学习笔记(0):初识Blazor_第5张图片
razor可以组件化调用,cshtml不行

C# Blazor 学习笔记(0):初识Blazor_第6张图片

Razor介绍

C# Blazor 学习笔记(0):初识Blazor_第7张图片
通过@code开辟C#代码部分

C# Blazor 学习笔记(0):初识Blazor_第8张图片

你可能感兴趣的:(Blazor基础知识,c#,学习,笔记)