产品模块的CRUD
产品模块的CRUD
配置产品类的关系
Product
ProductType
SystemDictionaryDetail
Systemdictionarytype
CRUD思路:
定义三个按钮 增加 修改 删除
查询:在controller层 注入service层的接口 调用自定义的page分页查询方法进行查询 返回json数据
删除:绑定删除按钮事件 获取选中行的信息 判断是否有选中行的信息 如果有给后台传1个ID值到后台进行删除如果没有 提示选择一条信息进行删除
JS代码:
del:function(){
//判断表格里面是否选中得数据
var row = permissionGrid.datagrid('getSelected');
if(row){
//是否确认要删除数据
$.messager.confirm('温馨提示','你确定要删除吗?',function(value){
if(value){
//获取id值
//发送ajax到后台进行删除数据
$.get('/permission/delete',{"id":row.id},function(data){
//返回json对象
if(data.success){
$.messager.alert('温馨提示:','删除成功','info');
//重新加载数据
permissionGrid.datagrid('reload');
}else{
$.messager.alert('温馨提示:','删除失败'+data.msg,'error');
}
});
}
})
}else{
//提示用户
$.messager.alert('温馨提示:','请选中一条数据进行删除','info');
return;
}
},
后台代码:
添加:首先绑定添加按钮事件 定义from表单ID 通过事件点击按钮弹出对话框
提交绑定事件 调用方法submit给后台路劲 进行提交验证 提交成功后给与提示在重新加载当前页
JS代码:
add:function () {
//绑定事件点击弹出对话框
productDialog.dialog("open");
},
save:function () {
productForm.form('submit',{
//提交路径
url:"/product/add"
})
},
onSubmit: function () {
// 提交之前的验证
//validate返回boolean类型
return productForm.form('validate');
},
success: function (data) {
//发送ajax请求进行数据保存
//先将字符串转换为json对象
var dataJson= $.parseJSON(data);
//如果获取的有值就提示操作成功
if(dataJson.success){
$.messager.alert('提示:','提交成功','info');
//重新加载数据
employeeGrid.datagrid('reload');
//关闭对话框
employeeDialog.dialog('close');
}else{
$.messager.alert('警告:','提交失败','info')
employeeDialog.dialog('close');
}
}
后台代码:
更改:未完成 思路 首先绑定按钮事件 弹出对话框 获取选中行信息传给后台ID进行查询 在进行数据回显 最后提交到后台 调用UPDETE放发进行修改数据 在修改之前进行验证 首先更具提交过来的NAME进行验证 如果存在该信息 那么就返回一个false 前台提示相应失败信息 如果没有存在 那么久返回一个ture 提示提交成功 最后重新加载数据