1.1 现在是单表的查询，因为先将数据查询出来后，并且显示。对于后面的操作才好展开。当然创建好视图后，首先还是要有页面的布局，然后就是要有SQL数据库到VS，而表格的制作我是用引用layui插件来渲染的，这样可以提高效率。还需要引用jQuery来简写js代码，加快速度。
1.2 在一系列的HTML布局完成后，还要封装好两个Layui用的类，随命名为LayuiTableData装有状态码public int code { get; set; }，状态信息public string msg { get; set; }，总行数public int count { get; set; }，数据public List data { get; set; }。和LayuiTablePage装有当前页码public int page { get; set; }，每页数据量，public int limit { get; set; }，分页开始序号public int GetStartIndex(){return (page - 1) * limit;}，分页结束序号public int GetEndIndex(){return page * limit - 1;}。
1.3 现在就可以实现动态的样式了。转到控制器这边来写他的查询方法，调用LayuiTablePage来使用。随命名个名字来接收查询和排序好的这个单表的数据，然后用List来处理刚查询好的数据进行分页和数据量，之后再调用LayuiTableData来进行数据的整理填充，最后就是将这个值返回。如下图：
1.4 控制器这边已经完成好单表的查询方法了，现在就是回到视图这边来渲染表格调用这个方法就行了。而渲染表格是放进页面一加载就会显示的里面，不过还要声明两个全局表量，一是将这个渲染好的表格放到指定的位置var employee;，二是layui表格所需两个变量var layer, layuiTable; 。完成后开始写他的表格渲染。elem是获取放置表格的id，放置在行的最左边。url就是调用控制器那边写好的查询方法，第一个是控制器名，第二个是查询方法。然后cols是制作表格的表头样式，单表的那个ID是不能出现显示在页面，需将它隐藏。而值是从布局那里获取的，后面则是名称和数据的放置位置。最后就是分页，第一个是在每页所显示多少条数据，第二个则是每页可以显示多少条数据量。到这里单表的大主要查询就可以了，最后测试渲染好的表格就会有数据了。如下图：
1.5 而表头最后一个‘操作’是用来装填修改和删除这两个按钮的，absc就是他们的方法，它是放置在最右边。还有表头的这些显示在页面数据名称就是后面新增和修改，所需要的数据。还有加一下样式，不然很难看，修改的样式class=“layui-btn layui-btn-xs”，和删除的样式class=“layui-btn layui-btn-xs layui-btn-danger”。如下图：