.NET应用中关联ClassEnroll类的CSHTML页面空白问题求助

开发了一个连接SQL数据库的.NET应用，多数CSHTML页面运行正常，但部分关联ClassEnroll数据模型的页面点击后无报错，仅显示空白屏幕。

相关代码 #

C# Core数据模型代码 #

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using eLearningHub.Core.DataModel.Base;

namespace eLearningHub.Core.DataModel
{
    [Table("ClassEnroll")]
    public class ClassEnroll : BaseModel
    {
        [Required]
        public string Status { get; set; }

        [ForeignKey("ClassModel")]
        [DisplayName("Class")]
        public int ClassId { get; set; }
        public ClassModel ClassModel { get; set; }

        [ForeignKey("TeacherModel")]
        [DisplayName("Teacher")]
        public int TeacherId { get; set; }
        public TeacherModel TeacherModel { get; set; }

        [ForeignKey("StudentModel")]
        [DisplayName("Student")]
        public int StudentId { get; set; }

        public StudentModel StudentModel { get; set; }
    }
}

CSHTML代码 #

@model IEnumerable<eLearningHub.Core.DataModel.ClassEnroll>
@{
    ViewBag.Title = "CourseListByStudent";
    Layout = "~/Views/Shared/_DashBoard.cshtml";
}
<link href="~/Content/AdminLTE/Content/cardstyle.css" rel="stylesheet" />

@if (TempData["Msg"] != null)
{
    <div class="col-lg-12">
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-info"></i> info!</h4>
            @TempData["Msg"].ToString()
        </div>
    </div>
}
@if (TempData["FMsg"] != null)
{
    <div class="col-lg-12">
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-info"></i> Failed!</h4>
            @TempData["FMsg"].ToString()
        </div>
    </div>
}

@foreach (var c in Model)
{
    <div class="col-md-4">
        <div class="box box-solid">
            <div class="box-header with-border">
                <i class="fa fa-graduation-cap width"></i>
                <h3 class="box-title">Class Details</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <dl class="dl-horizontal">
                    <dt>Class Name : </dt>
                    <dd>@c.ClassModel.ClassName</dd>

                    <dt>Teacher : </dt>
                    <dd>@c.TeacherModel.Name</dd>
                    <dt> Email :</dt>
                    <dd> @c.TeacherModel.Email</dd>

                    
                    &nbsp;&nbsp;&nbsp;<a href="@Url.Action("Class", "Classes", new {classRoom= c.ClassId})"><strong>Notes &nbsp;&nbsp;<i class="fa fa-sticky-note width"></i></strong></a>  &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="@Url.Action("Class", "Classes", new {classRoom= c.ClassId})"><strong>Notice &nbsp;&nbsp;<i class="fa fa-bullhorn width"></i></strong> </a> &nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="@Url.Action("ExamMark", "Student", new {id= c.ClassId})"><strong>Exam Mark&nbsp;&nbsp;<i class="fa fa-bullhorn width"></i></strong> </a>
                    
                </dl>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->
    </div>
}

排查建议 #

• 检查Model是否为空或无数据：页面未处理Model为null或空集合的情况，直接执行foreach会引发未捕获异常，导致页面空白。在CSHTML开头添加判断逻辑：

  @if (Model == null || !Model.Any())
  {
      <div class="col-lg-12">
          <div class="alert alert-warning">暂无选课数据</div>
      </div>
  }
  else
  {
      // 原foreach代码块移至此处
  }
  

• 验证EF Core关联数据加载：ClassModel、TeacherModel等导航属性依赖EF Core的加载策略，若控制器查询时未显式Include关联表，延迟加载可能因上下文已释放导致导航属性为null，访问属性时触发空引用异常。修改控制器查询代码：

  var enrollments = _dbContext.ClassEnroll
      .Include(c => c.ClassModel)
      .Include(c => c.TeacherModel)
      // 若用到StudentModel则添加Include(c => c.StudentModel)
      .Where(/* 你的过滤条件 */)
      .ToList();
  return View(enrollments);
  

• 排查布局页问题：临时将Layout = null，若页面能正常渲染内容，说明布局页_DashBoard.cshtml存在异常（如组件引用错误、逻辑报错），需单独排查布局页代码。

• 查看浏览器调试信息：打开浏览器F12控制台，检查是否有JS错误、资源加载失败（如CSS/JS文件404），同时查看网络请求中页面的HTTP状态码是否为200。

• 开启服务器端日志：在appsettings.json中设置日志级别为Debug，捕获服务器端未处理的异常：

  {
    "Logging": {
      "LogLevel": {
        "Default": "Debug",
        "Microsoft.AspNetCore": "Debug"
      }
    }
  }
  

• 检查数据过滤逻辑：控制器中的查询可能因用户权限、过滤条件导致无数据返回，可在控制器中打印查询结果数量，或在CSHTML中添加空数据提示。

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