ASP.NET MVC懒加载如何逐步加载数据库信息

时间：2024-10-10 10:24:17|栏目：ASP.NET|点击：次

问题描述

假设我数据库中有N个表，当我打开某页面时，每个表都先加载一部分（比如20条），点击表下某个按钮，再加载下一部分，如此循环直至加载完毕。

解决方案

基础版

数据库查询部分（Entity Framework）

BasicPartsDbContext.cs

using System.Data.Entity;
namespace WebApplication1.Models
{
    public class BasicPartsDbContext:DbContext
    {
        public BasicPartsDbContext() : base("name=conn1") { }
        public DbSet BasicParts { get; set; }
    }
}

其中BasicParts是我的实体/模型类，数据类型与数据库中某个表一一对应，内容大概如下：

using System.ComponentModel.DataAnnotations.Schema;
namespace WebApplication1.Models
{
    [Table("dbo.表名")]
    public class BasicParts
    {
        // 对应列
    }
}

而"name=conn1"是指使用此数据库配置。该配置在项目根目录下的Web.config中：

在这里插入图片描述

2. BasicPartsRepository.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication1.Models
{
    public class BasicPartsRepository
    {
        private BasicPartsDbContext _context;
        public BasicPartsRepository(BasicPartsDbContext context)
        {
            _context = context;
        }
        public List GetPagedData(int pageIndex, int pageSize) {
            return _context.BasicParts.OrderBy(i => i.id)
                .Skip(pageIndex * pageSize)
                .Take(pageSize)
                .ToList();
        }
    }
}

控制器

public class HomeController : Controller {
	private BasicPartsRepository _basicPartsRepository;
	...
	public ActionResult BasicPartsView() { 
    	return View();
	}
	[HttpGet]
	public JsonResult LoadMoreBasicParts(int pageIndex, int pageSize) {
    	var data = _basicPartsRepository.GetPagedData(pageIndex, pageSize);
    	return Json(data, JsonRequestBehavior.AllowGet);
	}
	...
}

前端页面




    Load More Data Example

加载到表格版

其他部分保持不变，只修改前端：




    Load More Data into Table
    



    
        
            
                No.
                名称
                序列
                描述
                类型