Layui表格

1.什么是Layui？

Layui是一个网页工具软件

可以通过Layui已封装好的代码直接调用

利用已经有的参数来修改网页的格局

那面就让我们进入主题吧

首先需要做好网页的格局

2.将格局做好后就开始做JQ部分

 

将基础参数设置好

  var TabStudent;//layui的表格

  var layer, layuiTable;//保存layui模块以便全局使用

然后调用JQ的页面加载事件

   $(document).ready(function () {

打开页面时同时加载Layui模块，

//加载和初始化layui模块

                layui.use(['layer', 'table'], function () {

                    //layui.use()加载所需模块

                    layer = layui.layer, layuiTable = layui.table;

                    //考生设置主页面 table学生数据

                    TabStudent = layuiTable.render({

                        elem: "#tabStudents",//table的ID HTML元素的ID

                        //url: "/SystemManagement/CollegeInfor/SelectAcademe",

                        //url: "SelectStudentInfor",//数据接口 方法的路径

                        data: [],//可以自己调整参数

3.将这些代码做好后就到控制台中调用方法与HTM的代码联动

图片仅参考

简单来说就是

渲染表格

public ActionResult SelectStudentInfor 名称

传参 Layui表格调用

做单表查询/联表查询

然后返回参数

排查是否带有重复的参数（单表）排除