C# Blazor 学习笔记(4):blazor代码分离

文章目录

  • 前言
  • 代码分离

前言

Blazor可以支持在razor文件里面添加cs代码,但是代码一旦复杂了之后就会变得特别的麻烦。但是VS提供了代码分组的功能。

分离前
C# Blazor 学习笔记(4):blazor代码分离_第1张图片

分离后
C# Blazor 学习笔记(4):blazor代码分离_第2张图片

代码分离

我们直接右键razor组件是不能直接添加cs代码部分的
C# Blazor 学习笔记(4):blazor代码分离_第3张图片
C# Blazor 学习笔记(4):blazor代码分离_第4张图片
注意新建类的类名是xxx.razor.cs。这样才能挂在到上面。

  • xxx.razor
    • xxx.razor.cs:代码
    • xxx.razor.css:css样式

而且里面新建的类必须是partial局部类

C# Blazor 学习笔记(4):blazor代码分离_第5张图片

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