产品模块的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 提示提交成功   最后重新加载数据

 

posted on 2019-08-13 00:21  悠悠紫荆  阅读(209)  评论(0编辑  收藏  举报

导航