数据表格的初始化

数据表格的初始化
开发工具和关键技术：Visual Studio 2015 、数据表格的初始化
作者：袁何恩
撰写时间：2019年4月17日
今天，和大家分享的技术是数据表格的初始化。在我接触到ASP.MVC之后，我发现大部分的项目中的数据增加、数据删除、数据的修改、数据的查询是必不可少的的四个步骤，在这些步骤之前是数据表格的初始化，下拉框数据绑定在少数项目中是不需要的。
一、 数据表格的初始化。
我们都知道项目中的数据都是从数据库中获取到的，把你想要的项目数据导入数据库中，再从中提取出来。再通过我们设计的数据表格表达出来，来呈现出我们所需要的数据。因为有些表的数据是在不同的表上的，这时候需要在控制器中对这些数据表进行链表查询。
实现数据表格的初始化在我目前的所学的方法和我所认知的方法中，是通过引用layui插件来实现的。
1、 首先，在视图的HTML部分写出表格所需的html的代码，给所需的html表格代码填写上表格的全局名称,也就是ID。因为我们在视图的js部分需要获取到所需的html表格代码上的表格，在视图的js部分通过JQuery的加载事件来获取表格。并在写入视图的js部分的JQuery加载事件之前，先声明表格的全局名称和layer，layuiTable。代码如下：
var layer, layuiTable;
var tabEmployee;
2、 layui模块的使用和layui表格的引用。
先写上JQuery加载事件，代码如下：
$(function () {};
在视图的js部分写上layui插件的layui模块的使用代码，这段的代码是固定写法，代码图如下：

layui表格的引用的代码，如图：

Field的意思是获取从控制器中处理完、传输过来的数据，Title的意思是每条数据中表格的表头名称，Align的意思是该条数据在表格中居中显示，hide的意思是在表格中隐藏该条数据，limit的意思是该数据在表格中分页的页数，limits的意思是该数据在表格中可选择的分页的页数，url的意思是接受控制器中传输过来的数据的路径。
3、 接下来是在控制器上写查询数据的方法。
首先，在控制器上建立一个方法名与视图中url路径相同的查询方法，然后写入以下代码。
from tbEmployee in myModel.PW_Employee
join tbDepartment in myModel.SYS_Department on tbEmployee.DepartmentID equals tbDepartment.DepartmentID
orderby tbEmployee.EmployeeID descending
select new EmployeeVo{ EmployeeID = tbEmployee.EmployeeID, }
因为我们所需要的是在两张不同的表的数据，根据DepartmentID把tbDepartment表和tbEmployee表链起来，orderby的意思是根据tbEmployee中的EmployeeID进行排序，在{}中写入你想要的数据。
然后，写下以下的代码。代码图如下：

Int totalRow是查询PW_Employeee表的总行数，再查询PW_Employeee表的所有的数据，最后再封装已经获取到的 layui table 的数据。