表格渲染（框）

1.1 在我之前写的都只是他们的方法，动态的。而这次我给的就是他layui里面的框架，一个车架子，让之前的方法零件得到应用安装，并且显示在页面上，这次是静态的。总不能一直挖坑不填吧，所以这次就是来填坑的。

1.2 还是一样用的是VS的MVC和SQL的数据库来使用。首先是要确定是否有数据库的存在，如无，则要导入。如果有，那么就进行下一步的layui的引用，要引用它的css和js的文件，后面的渲染表格才会成功。不过在页面上可不单单只有孤零零的表格存在，还存在一些其他的功能点做为辅助，所以这个bootstrap-4.1.3版本就是我用来快速完成一些辅助型或者其它功能点的一个css样式。而第二个就是表格渲染主要的框架材料。如果没有它，那么就焊不成一个框架了。href是一个链接。如下图：

1.3 那么css的样式已经引入完成之后，就是补充零件数据的工具。就是再引用js的文件来作为安装的工具。第一个是我所用的JQuery的3.2.1版本。第二个是他bootstrap的js，而bootstrap的js他有好几种，适合自己当前的就选哪一种。第三个就是layui的js引用。而最主要的还是第三个，他就是用来渲染表格的。而src有俩种，一为绝对URL，它指向的是其它站点。二为相对URL，指向站点内的文件。如下图：

1.4 到这里的先锋船就已经完成了。现在是造旗舰船的开始了。他是在script里面进行建造。首先声明变量来接收表格数据和创建layui表格时所需要的变量，但是如果不声明的话，是会用不了的，所以才需要声明它，为了方便，将它们全部变为全局变量来使用var tabNoticeType; 和 var layer,layuiTable; 。

1.5 这个表格是写进页面加载时出现，所以是在JQuery的简写$(function{ })。表格开头的中括号是放进表格和需要的提示层。layer,layuiTable就是表格所需要的变量，但它需要声明，而我刚才已经声明过了。我们已经完成了前缀，第四就是开始渲染表格了，elem是获取到表格所要放的位置的那个ID，url就是链接控制器那边所查询好的数据的地址，这里链接时前面要加上“/”，因为他是拼接上去的，所以要加斜杠。

1.6 cols就是表格的表头，下面是表头的各列的名称。第一个是单选框，固定在最左边。第二个是序号，而第三个这个查询单表数据的ID，但不能让他显示出现，所以将它给隐藏了。第四个是就是显示的内容，给的也是单表的名称，要与数据库的名称一样。最后就是操作项，固定在最右，而他里面是有两个操作按钮的，修改和删除。最后的page就是整个表的页码了，limit是每页显示多少条数据，limits是选择每页能够显示多少条数据。到这里如无错，那么页面就能显示出所查询好的数据了。如下图：