在Blazor项目中结合使用C#和VB.NET

许多大公司仍然在用VB开发Webforms。如果他们想在未来将他们的应用程序迁移到Blazor，就可能用到下面的技术。

在Visual Studio 2019中创建Blazor Server项目

请使用Visual Studio 2019创建一个Blazor服务器项目

您可以看到c#中的项目结构。

现在，我们可以添加一个新的VB.NET类库项目的解决方案。

我们可以在VB中快速添加一个Employee类并添加两个属性，如下所示。

我们可以把这个VB.NET库加到我们现有的Blazor Server项目。

 在Blazor Server项目的“Pages”文件夹中添加一个新组件Employees。 

在组件页面中添加以下代码。

Employees.razor

@using VBNETClassLibrary 

@page "/employees" 

Employee List

 

@if (employees == null) 

{ 

   

Loading...

 

} 

else 

{ 

   

 

       

 

           

 

               

 

               

 

           

 

       

 

       

 

            @foreach (var employee in employees) 

            { 

               

 

                   

 

                   

 

               

 

            } 

       

 

   

Name	Age
@employee.Name	@employee.Age

 

} 

@code { 

    List employees = new List(); 

    protected override void OnInitialized() 

    { 

        employees.Add(new Employee { Name = "Sarathlal Saseendran", Age = 38 }); 

        employees.Add(new Employee { Name = "Anil Soman", Age = 43 }); 

    } 

}

你可以注意到我们在组件内用的是VB.NET类库。

我们可以通过添加Employees 路由来修改共享组件NavMenu。

NavMenu.razor

 

    BlazorCsharpVB 

     

         

   

 

 

 

   

 

       

•  

               

                  Home 

               

         

 

       

•  

               

                  Counter 

               

         

 

       

•  

               

                  Fetch data 

               

         

 

       

•  

               

                  Employees 

               

         

 

   

 

 

@code { 

    private bool collapseNavMenu = true; 

    private string NavMenuCssClass => collapseNavMenu ? "collapse" : null; 

    private void ToggleNavMenu() 

    { 

        collapseNavMenu = !collapseNavMenu; 

    } 

}

最后运行该应用