public String getBname() {
return bname;
}
public void setBname(String bname) {
this.bname = bname;
}
public float getPrice() {
return price;
}
public void setPrice(float price) {
this.price = price;
}
@Override
public String toString() {
return “Book [bid=” + bid + “, bname=” + bname + “, price=” + price + “]”;
}
}
建立BookDao
package com.zking.dao;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.zking.entity.Book;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.StringUtils;
public class BookDao extends BaseDao {
public List list(Book book, PageBean pageBean) throws Exception {
String bname = book.getBname();
String sql = “select * from t_mvc_book where 1=1”;
if (StringUtils.isNotBlank(bname)) {
sql += “and bname like '%” + bname + “%'”;
}
return super.executeQuery(sql, Book.class, pageBean);
}
public static void main(String[] args) throws Exception {
BookDao bookDao = new BookDao();
PageBean pageBean = new PageBean();
List list = bookDao.list(new Book(), pageBean);
ObjectMapper om = new ObjectMapper();
// json数组
Map<String, Object> map = new HashMap<String, Object>();
map.put(“total”, pageBean.getTotal());
map.put(“rows”, list);
System.out.println(om.writeValueAsString(list));
}
}
BookAction子控制器
package com.zking.web;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.zking.dao.BookDao;
import com.zking.entity.Book;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.R;
import com.zking.util.ResponseUtil;
//ctrl+shif+z trycatch包裹
public class BookAction extends ActionSupport implements ModelDriver {
private Book book = new Book();
public BookDao bookDao = new BookDao();
public String datagrid(HttpServletRequest req, HttpServletResponse resp) throws Exception {
BookDao bookDao = new BookDao();
PageBean pageBean = new PageBean();
pageBean.setRequest(req);
List list = bookDao.list(book, pageBean);
ObjectMapper om = new ObjectMapper();
// json数组
// Map<String, Object> map = new HashMap<String, Object>();
// map.put(“total”, pageBean.getTotal());
// map.put(“rows”, list);
// 链式编程
ResponseUtil.writeJson(resp, new R().data(“total”, pageBean.getTotal()).data(“rows”, list));
return null;
}
@Override
public Book getModel() {
// TODO Auto-generated method stub
return book;
}
}
book.js代码如下:
$(function() {
/**
* 注意:js文件中不支持el表达式 在easyUI中点击上一页下一页默认的分页效果,携带的参数为page和rows
* 在bootstrap中点击上一页下一页默认的分页效果,携带的参数为page和offset
*/
$(‘#dg’).datagrid({
url : $(“#ctx”).val() + ‘/book.action?methodName=datagrid’,
pagination : true,
fitColumns : true,
toorbar : ‘#tb’,
columns : [ [ {
field : ‘bid’,
title : ‘id’,
width : 100
}, {
field : ‘bname’,
title : ‘名称’,
width : 100
}, {
field : ‘price’,
title : ‘价格’,
width : 100,
align : ‘right’
} ] ]
});
})
二,分页的实现:在datagrid控件底部显示分页工具栏
pagination : true,
mvc2.xml配置:
三,填充:自动展开/收缩列的大小,以适应网格的宽度,防止水平滚动
fitColumns : true,
运行结果如下:
注意:
js文件中不支持el表达式 在easyUI中点击上一页下一页默认的分页效果,携带的参数为page/rows
在bootstrap中点击上一页下一页默认的分页效果,携带的参数为page/offset
layui 中page / limit
四,查询
将代码复制到manage.jsp文件中
在js文件中与查询组件进行绑定(通过 id=“tb”),最后book.js文件为:
$(function() {
/**
* 注意:js文件中不支持el表达式 在easyUI中点击上一页下一页默认的分页效果,携带的参数为page和rows
* 在bootstrap中点击上一页下一页默认的分页效果,携带的参数为page和offset layui 中page limit
*/
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/465224631282366db0e840478c5652f9.jpeg)
最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处获取。
18)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/465224631282366db0e840478c5652f9.jpeg)
最后
[外链图片转存中…(img-7nZtWDA9-1712875301419)]
[外链图片转存中…(img-l7BYbage-1712875301419)]
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处获取。