实现图书分页查询
imooc-reader 项目:
webapp\WEB-INF\ftl\management\
book.ftl 图书管理页面
<script src="/resources/layui/layui.all.js"></script>
<script>
var table = layui.table; //table数据表格对象
var $ = layui.$; //jQuery
var editor = null; //wangEditor富文本编辑器对象
//初始化图书列表
table.render({
elem: '#grdBook' //指定div
, id : "bookList" //数据表格id
, toolbar: "#toolbar" //指定工具栏,包含新增添加
, url: "/management/book/list" //数据请求地址
, page: true //开启分页, 携带参数 ?page=1&limit=10
, cols: [[ //表头
{ field: 'bookName', title: '书名', width: '300'}
, { field: 'subTitle', title: '子标题', width: '200'}
, { field: 'author', title: '作者', width: '200'}
, { type: 'space', title: '操作', width: '200' , templet : function(d){
//为每一行表格数据生成"修改"与"删除"按钮, 并附加data-id属性(代表图书编号)
return "<button class='layui-btn layui-btn-sm btn-update' data-id='" + d.bookId + "' data-type='update' οnclick='showUpdate(this)'>修改</button>" +
"<button class='layui-btn layui-btn-sm btn-delete' data-id='" + d.bookId + "'
标签：26,title,SpringMVC,layui,script,width,MyBatis,table,图书 From： https://blog.csdn.net/a1057258361/article/details/139188789