Bootstrap Table数据表格的使用指南

本文档详细介绍了如何使用Bootstrap Table进行数据表格的操作,包括新增、修改、删除功能的实现,以及查询功能的定制。文章通过实例展示了如何使用BootstrapValidator进行数据验证,使用AjaxResult统一返回提示,并提供了前端与后端交互的示例代码。此外,还介绍了如何添加自定义操作按钮及监听事件,以及如何实现自定义查询功能。
摘要由CSDN通过智能技术生成

×

班级名称

确定

关闭

其中options为字段不为空的效验,采用的是BootstrapValidator验证

提交数据保存后,保存成功就关闭弹框,刷新表格给出提示信息。

student/save后台保存数据方法,新增的保存方法也是和修改保存的方法共用的一个_

@RequestMapping(value=“/save”)

@ResponseBody

public Object save(StudentForm form) throws InstantiationException, IllegalAccessException {

try {

Student model = new Student();

Integer id = form.getId();

if(id!=null) {

model = studentService.findById(id);

}

//把form中的数据copy到model中,除id以外。form和model中的字段一样

BeanUtils.copyProperties(form, model,“id”);

studentService.save(model);

return new AjaxResult(“数据保存成功”);

} catch (Exception e) {

return new AjaxResult(false,“数据保存失败”);

}

}

返回的AjaxResult类是一个返回提示类,返回统一规范了一下。可以根据自己需求返回内容。AjaxResult代码如下。

import java.util.HashMap;

import org.springframework.data.domain.Page;

public class AjaxResult {

private Boolean success;

private String msg;

public Boolean getSuccess() {

return success;

}

public void setSuccess(Boolean success) {

this.success = success;

}

public String getMsg() {

return msg;

}

public void setMsg(String msg) {

this.msg = msg;

}

public AjaxResult(String msg) {

super();

this.success=true;

this.msg = msg;

}

public AjaxResult(Boolean success, String msg) {

super();

this.success 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值