easyui导入
main.jsp
tabs
完成高级查询
思路:前台
(1)准备一个查询form表单
(2)点击搜索的时候,获取表单里面参数值
var params = searchForm.serializeObject();
employeeGrid.datagrid(‘load’,params);
后台
(1)controller接收参数
EmployeeController
通过该对象来接收 EmployeeQuery参数
(2)调用Page page = findPageByQuery(employeeQuery)
(3)返回封装对象
PageUi pageUi = new PageUi(page);
total和rows
完成CRUD功能
删除功能:
思路:
前台
(1)先判断表格里面是否选中的数据,
如果没有选中 ,提示选中数据
如果选中数据,在提示是否要确认删除
点击取消 --不删除
点击确定 – 发送ajax删除数据,重新加载表格
delete:function(){
//判断是表格否选中数据
var row = employeeGrid.datagrid(‘getSelected’);
if(row){
//选中之后,在提示是否要确认删除
$.messager.confirm(‘温馨提示:’,‘亲,您忍心删除’,function(result){
if(result){
//确定删除数据
//获取id
//发送ajax请求
$.get(’/employee/delete’,{id:row.id},function(result){
//{success:false,msg:‘成功’}
if(result.success){
//重新加载数据表格
$.messager.alert(‘温馨提示:’,‘操作成功’,‘info’);
employeeGrid.datagrid(‘reload’);
}else{
$.messager.alert(‘温馨提示:’,result.msg,‘error’);
}
})
}
})
}else{
$.messager.alert(‘温馨提示:’,‘亲,请选中一条数据进行删除!’,‘info’);
}
}
新增:
(1)弹出
先清除表单里面数据,
显示密码,开启验证
弹出对话框
(2)保存
提交form表单 (submit方法)
最终重新加载数据
修改:
(1)弹出
判断是否选中表格里面
选中才执行下面操作
隐藏密码,关闭验证
回显数据
弹出对话框
(2)保存
(注意在表单里面添加一个隐藏域)
提交form表单 (submit方法)
最终重新加载数据
处理数据丢失:
原因:表单里面没有数据,导致到更新的时候丢失数据
解决: (1)表单里面隐藏数据 --针对数据比较少的情况下
(2)springmvc modelAttribute解决
(3)updateable=false createTime updateTime
处理n-to-n问题
原因:修改持久化状态的主键的值
解决:设置关联对象为空