【原创】10万条数据采用存储过程分页实现（Mvc+Dapper+存储过程）

有时候大数据量进行查询操作的时候，查询速度很大强度上可以影响用户体验，因此自己简单写了一个demo，简单总结记录一下：

技术：Mvc4+Dapper+Dapper扩展+Sqlserver

目前主要实现了两种分页：一种采用 PagedList.Mvc 实现的分页

两外一种采用 ajax异步加载分页 采用比较常用的jquery.pagination 分页插件。

功能相对比较简单仅供学习交流。

通用存储过程

USE [MvcProcPageDB]
GO

/****** Object:  StoredProcedure [dbo].[ProcViewPager]    Script Date: 2017/4/23 16:41:16 ******/
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

CREATE PROCEDURE [dbo].[ProcViewPager] (
    @recordTotal INT OUTPUT,            --输出记录总数
    @viewName VARCHAR(800),        --表名
    @fieldName VARCHAR(800) = '*',        --查询字段
    @keyName VARCHAR(200) = 'Id',            --索引字段
    @pageSize INT = 20,                    --每页记录数
    @pageNo INT =1,                    --当前页
    @orderString VARCHAR(200),        --排序条件
    @whereString VARCHAR(800) = '1=1'        --WHERE条件
)
AS
BEGIN
     DECLARE @beginRow INT
     DECLARE @endRow INT
     DECLARE @tempLimit VARCHAR(200)
     DECLARE @tempCount NVARCHAR(1000)
     DECLARE @tempMain VARCHAR(1000)
     --declare @timediff datetime 
     
     set nocount on
     --select @timediff=getdate() --记录时间

     SET @beginRow = (@pageNo - 1) * @pageSize    + 1
     SET @endRow = @pageNo * @pageSize
     SET @tempLimit = 'rows BETWEEN ' + CAST(@beginRow AS VARCHAR) +' AND '+CAST(@endRow AS VARCHAR)
     
     --输出参数为总记录数
     SET @tempCount = 'SELECT @recordTotal = COUNT(*) FROM (SELECT '+@keyName+' FROM '+@viewName+' WHERE '+@whereString+') AS my_temp'
     EXECUTE sp_executesql @tempCount,N'@recordTotal INT OUTPUT',@recordTotal OUTPUT
       
     --主查询返回结果集
     SET @tempMain = 'SELECT * FROM (SELECT ROW_NUMBER() OVER (order by '+@orderString+') AS rows ,'+@fieldName+' FROM '+@viewName+' WHERE '+@whereString+') AS main_temp WHERE '+@tempLimit
     
     --PRINT @tempMain
     EXECUTE (@tempMain)
     --select datediff(ms,@timediff,getdate()) as 耗时 
     
     set nocount off
END


GO

Dapper

  /// <summary>
        /// 查询所有用户
        /// </summary>
        /// <returns></returns>
        public List<UserInfo> GetAllList()
        {
            var list = new List<UserInfo>();
            //string sql = @"select Id,UserName,Nation,TrueName,Birthday,LocalAddressGender from UserInfo";
            using (SqlConnection conn = new SqlConnection(constr))
            {
                conn.Open();
                //标准写法
                //list = conn.Query<UserInfo>(sql,commandType: CommandType.Text).AsList();
                //dapper扩展写法
                list = conn.GetList<UserInfo>().AsList();
                conn.Close();
            }
            return list;
        }

Dapper分页

/// <summary>
        /// 采用存储过程分页
        /// </summary>
        /// <param name="page"></param>
        /// <param name="pageSize"></param>
        /// <returns></returns>
        public UserPage GetPageByProcList(int page=1,int pageSize=10)
        {
            UserPage model = new UserPage();
            var list = new List<UserInfo>();
            //string sql = @"select Id,UserName,Nation,TrueName,Birthday,LocalAddressGender from UserInfo";
            using (SqlConnection conn = new SqlConnection(constr))
            {
                conn.Open();
                DynamicParameters parm = new DynamicParameters();
                parm.Add("viewName", "UserInfo");
                parm.Add("fieldName", "*");
                parm.Add("keyName", "Id");
                parm.Add("pageSize", pageSize);
                parm.Add("pageNo", page);
                parm.Add("orderString", "Id");
                parm.Add("recordTotal", 0, DbType.Int32, ParameterDirection.Output);
                //参数名得和存储过程的变量名相同（参数可以跳跃传，键值对方式即可）
                //强类型
                //list = conn.Query<UserInfo>("P_GridViewPager", new { viewName = "Edu_StudentSelectedCourse", fieldName = "*", keyName = "Id", pageSize = 20, pageNo = 1, orderString = "id" }, commandType: CommandType.StoredProcedure).ToList();
                //标准写法
                //list = conn.Query<UserInfo>(sql,commandType: CommandType.Text).AsList();
                //dapper扩展写法
                //list = conn.GetList<UserInfo>().AsList();
                list = conn.Query<UserInfo>("ProcViewPager", parm, commandType: CommandType.StoredProcedure).AsList();
                int totalCount = parm.Get<int>("@recordTotal");//返回总页数
                model.user = list;
                model.TotalCount = totalCount;
                conn.Close();
            }
            return model;
        }

 public ActionResult Index(int page=1)
        {
            
            #region 插入10条数据

            //for (int i = 1; i <= 100000; i++)
            //{
            //    list.Add(
            //        new UserInfo
            //        {
            //            Id = Guid.NewGuid().ToString(),
            //            UserName = "xiaoming" + i,
            //            Birthday = Convert.ToDateTime("1987-12-11"),
            //            Gender = 1,
            //            LocalAddress = "河南省",
            //            TrueName = "小明" + i,
            //            Nation = "汉族"
            //        });
            //}
            //ss.InsertAll(list); 
            #endregion
            var pagelist = service.GetAllList().ToPagedList(page,10);
            return View(pagelist);
        }
        public ActionResult ProcPageIndex(int page=1)
        {
            var list = service.GetPageByProcList(page,5);
            return View();
        }
        public JsonResult GetProList(int page=1,int pagesize=10)
        {
            var model = service.GetPageByProcList(page, pagesize);
            return Json(model, JsonRequestBehavior.AllowGet);
        }

View

@{
    Layout = null;
}
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/PagedList.css" rel="stylesheet" />
<link href="~/Scripts/pagination.css" rel="stylesheet" />
<div class="well">
    <table class="table">
        <thead>
            <tr>
                <th>用户名</th>
                <th>真实姓名</th>
                <th>出生日期</th>
                <th>地址</th>
            </tr>
        </thead>
        <tbody id="tbodylist"></tbody>

    </table>

</div>
<div id="Pagination" class="pagination">

</div>
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jquery.pagination.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<script type="text/javascript">
    //分页查询开始
    $(document).ready(function () {
        getDataList(0, null);
    });

    var pagesize = 50;
    var page = 1;
    var initFlag = true;

    function getDataList(currPage, jg) {

        $.ajax({
            url: "/Home/GetProList",
            type: "get",
            dataType: 'json',
            data: { pagesize: pagesize, page: currPage + 1 },
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            success: function (response) {            
                if (response.user != null && response.user != "" && response.TotalCount != undefined && response.TotalCount > 0) {
                    if (initFlag) {
                        $("#Pagination").pagination(
                                response.TotalCount,
                                {
                                    items_per_page: pagesize,
                                    num_edge_entries: 1,
                                    num_display_entries: 8,
                                    callback: getDataList//回调函数
                                });
                        initFlag = false;
                    }
                    $("#tbodylist").html("");
                    loadDataList(response.user);
                } else {
                 
                }

            }
        });
    }

    function loadDataList(listdata) {71         var tbody = "";
        $(listdata).each(function (i, n) {
            //表格
            tbody += "<tr>" +
                            "<td>" + n.UserName + "</td>" +
                            "<td>" + n.TrueName + "</td>" +
                            "<td>" + n.Birthday + "</td>" +
                            "<td>" + n.LocalAddress + "</td>" +
                       "</tr>";          
        });
        $("#tbodylist").html(html);

    }    84     //分页查询结束
</script>

截图

 项目地址：https://github.com/hgmsq/mvcprocpage