使用数据表 C# MVC 页面加载速度变慢

Question

我正在尝试清理解决方案中的一些页面。页面或表格的加载速度比我想要的要慢。我正在使用视图模型并在表格中的页面上执行 Foreach，然后使用数据表进行显示。似乎在数据库端它一次加载每条记录 1 并且有 1000 条记录需要很长时间才能加载。当我在 SQL 中运行查询时，它会立即填充。我正在寻找一些帮助来清理代码，看看这里是否有什么可以改变的，以使其加载更快。由于我在页面中使用 foreach，因此 DeferRender 不起作用。如果我使用这个或 JavaScript 对我来说并不重要，当然服务器端编码是一种选择。在控制器中，数组的使用也可能有效，但我不知道如何将它与视图模型合并。 “db.Companys.ToArray();”适用于从模型中提取，但据我所知 ToArray 不适用于 viewModel。

下面是我的代码。

控制器：

public ActionResult Index()
    {
        var data = (from temp in db.TopLvlJobs
                    join serial in db.SerialNumbers on temp.TopLvlJob equals serial.TopLvlJob
                    select new TopLvlJobsViewModels
                    {
                        PartNumber = temp.PartNumber,
                        Description = temp.Description,
                        ExtDescription = temp.ExtDescription,
                        Drawing = temp.Drawing,
                        IsDelete = false,
                        CreatedDate = DateTime.UtcNow,
                        UpgradeAvailable = temp.UpgradeAvailable,
                        TopLvlJob = temp.TopLvlJob,
                        SerialNumber = serial.SerialNumber

                    }).OrderBy(x => x.CreatedDate);

        return View(data);
    }

视图模型：

public class TopLvlJobsViewModels
{
    [Key]
    [Display(Name = "TopLvlJob")]
    [Required]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public string TopLvlJob { get; set; }
    [Display(Name = "Description")]
    [Required]
    public string Description { get; set; }
    [Display(Name = "Ext Description")]
    [Required]
    public string ExtDescription { get; set; }
    [Display(Name = "Part Number")]
    [Required]
    public string PartNumber { get; set; }
    [Display(Name = "Drawing")]
    [Required]
    public string Drawing { get; set; }
    [UIHint("_IsStatus")]
    [Display(Name = "Upgrade Available ?")]
    [Required]
    public bool UpgradeAvailable { get; set; }

    public DateTime? CreatedDate { get; set; }

    public string CreatedBy { get; set; }

    public DateTime? UpdatedDate { get; set; }

    public string UpdatedBy { get; set; }

    public bool? IsDelete { get; set; }
    [Display(Name = "Serial")]
    public string SerialNumber { get; set; }
    public TopLvlJobs topsjobs { get; set; }

    public HttpPostedFileBase Pdfupload { get; set; }

    public virtual IEnumerable<SubJobs> SubJobs { get; set; }
    public virtual IEnumerable<Upgrades> Upgrade { get; set; }
}

.CHTML 页面上的 JavaScript

    $(document).ready(function () {
    //var oTableMenuPermission = "";
    //oTableMenuPermission = 
    $("#SubJobsListTable").dataTable({
        "bRetrieve": true,
        "bProcessing": true,
        "dom": 'lBfrtip',
        "buttons": [
            { extend: 'copyHtml5', exportOptions: { columns: ':visible' } }
            , { extend: 'excelHtml5', exportOptions: { columns: ':visible' } }
            , { extend: 'csvHtml5', exportOptions: { columns: ':visible' } }
            , { extend: 'pdfHtml5', exportOptions: { columns: ':visible' } }
            , { extend: 'print', exportOptions: { columns: ':visible' } }
            , 'colvis'
        ], columnDefs: [{ visible: false, targets: [3] }, { orderable: false, targets: [2, 3, 4, 5, 6, 7, 8] }],
        "pageLength": 10,
        "lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
    });
    //table.buttons().container()
    //    .appendTo($('.col-lg-8:eq(0)', table.table().container()));
});

我可以给你任何需要的东西，由于篇幅原因我没有发布整个 CHTML 页面，但它只是表格视图中的一个基本 Foreach。

感谢您的帮助！

Answer 1

使用 IQueryable 代替 IEnumerable 并尝试

从数据库中查询数据，IEnumerable 在服务器端执行选择查询，在客户端将数据加载到内存中，然后过滤数据。 从数据库中查询数据，IQueryable 使用所有过滤器在服务器端执行选择查询。