如何让Razor页面代码后置类继承自定义基类？

以下是针对你的场景的具体解决步骤：

• 步骤1：同步Razor页面的继承声明
  Blazor的Razor页面默认自动生成继承ComponentBase的代码，若代码后置类改为继承自定义基类，必须在Razor页面显式声明继承关系，否则会出现类多基类冲突的编译错误。修改CampaignPage.razor：

  @page "/Manager/Campaign"
  @inherits OrganizationPage
  @implements IDisposable
  
  <PageTitle>Campaign</PageTitle>
  
  <EditForm EditContext="EditContext"
            OnValidSubmit="HandleValidSubmitAsync"
            OnInvalidSubmit="HandleInvalidSubmitAsync"
            Context="EditFormContext">
  ...
  

• 步骤2：确保基类的可访问性与命名空间引用

  • 自定义基类OrganizationPage必须是public修饰符，且正确引用Microsoft.AspNetCore.Components命名空间（因为ComponentBase在此命名空间下）：

    using Microsoft.AspNetCore.Components;
    
    public class OrganizationPage : ComponentBase
    {
        // 基类逻辑
    }
    

  • 在CampaignPage.razor.cs文件顶部添加基类所在命名空间的using语句，比如基类在YourApp.BasePages下，就添加：

    using YourApp.BasePages;
    
    public partial class CampaignPage : OrganizationPage
    {
        // 页面逻辑
    }
    

  • 若未添加using，也可使用完全限定类名：public partial class CampaignPage : YourApp.BasePages.OrganizationPage

• 步骤3：排查成员命名冲突
  检查OrganizationPage与CampaignPage是否存在同名的属性、方法，若有会导致编译错误，需重命名冲突成员，或使用new关键字覆盖（不推荐，建议避免命名冲突）

• 步骤4：清理并重新生成项目
  若以上操作后仍报错，右键项目选择「清理」，再选择「生成」，或重启开发工具，解决编译缓存导致的意外错误

内容的提问来源于stack exchange，提问作者David Thielen