- 将需要的数据呈现在网页,并绑定在table表格里面应该是web开发人员都少不了的操作 ,那么制作表格和将数据库的数据绑定在页面上显示出来需要哪些操作?
这里我就在MVC框架里面来显示着一操作 ,用到了layui(前端框架)和bootstrap4(前端框架)来帮助设计 - 首先在div中放入table标签来接收到数据库中的数据,其中row类和col-12都bootstrap4中已经封装好的类
- 接下来开始写JavaScript代码了
先定义一个全局变量layuiTable
再定义一个变量tabStudent
然后开始加载和初始化模块 ,这里呢我只需要加载table模块 ,之后开始将模块赋值
layui.use([‘table’], function () {
layuiTable = layui.table;
});
模块赋值之后开始初始化表格
tabStudent = layuiTable.render({
});
开始填写必要的参数elem(指定原始 tabl