通过layui将数据分页

当需要从数据库查询数据时,需要用到查询方法,但查询出的数据过于杂乱,查看也不方便,所以使用插件即可快速的创建表单,又整洁美观,就是需要将数据类型处理一下,否则直接将查询的数据传递给layui渲染的表格会导致layui报数据接口请求异常或无数据的错
一、 渲染一个表格

1. 渲染表格之前先创建一些变量,一个用于接收表格的变量,两个用于接收的加载layui的模块，一个用于接收layui弹出的模态窗体
   
2. 在页面加载完成以后，通过插件内置的方法use方法来加载所需的模块，之后在function中将加载好的模块赋值给变量方便调用，然后再通过已经赋予了插件的表格模块的变量调用渲染表格的方法，最后赋值给用于接收表格的变量
   
3. 较为常用的一些渲染表格的配置,有三个是方法渲染(本文用到的渲染方法)必须要的:elem 、url与 cols;
   elem :需要一个参数,最好是ID,用于确定表格出现的位置(由于本文中所用的是在js代码中直接渲染表格的写法,故页面只需一个用于定位的标签就够了);
   url :用于请求控制器中的方法,可以不写,通过reload重载时再到数据,一般重载导数据多用于多条件查询:
   data:直接赋值,多用于展示一页数据或多条已知数据,如果数据太多则不建议使用这个配置项
   cols:创建表头,值是一个二维数组,使用再控制器中封装好的参数,允许存在自定义列
   page:分页,有两个值.limit: 表格加载完成后所显示的分页条数,limits:预选的分页条数
   二、 查询数据（最简单的部分）
   
4. 查询表格所需的数据,此为单表查 4000 询,查询整张表
   三、 数据类型转换
   
5. 通过VS内置的Count方法将查询到的数据计算出它的总条数
   
6. 将查询到的数据,通过OrderByDescending方法(降序排序)排序的依据是查询到的表的主键,
   倒序的主要原因是,方便查看最后添加入这张表的数据,使她显示在第一跳
   Skip:跳过指定数量的元素并返回剩余的元素,参数是封装好的一个工具类
   
   通过它来计算当显示第几页时,需要跳过多少跳数据,limit即分页的参数,代表每页显示的数据的条数
   Take:开头返回的指定数量的元素,即跳过后,需要显示出的数据的条数,即limit最后ToList将它转化成列表的格式,为了保持数据类型的一致性
   
7. 创建一个可以接收已经修改好变量的类型的变量，图中的LayuiTableData是已经创建好的工具类.它可以被layui正确读取，将获取到的数据的总条数与已经修改好变量赋值给它的字段，然后返回给layui即可
   以下为结果视图：
   
   代码来源于老师