产品模块的CRUD

最新推荐文章于 2023-10-19 21:03:17 发布

p是马甲

最新推荐文章于 2023-10-19 21:03:17 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/1999wang/p/11343456.html

本文详细介绍了产品模块的创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作，即CRUD的基本概念及实现思路。重点讲解了在控制器(Controller)层如何通过服务(Service)接口进行分页查询、数据删除的前端与后端交互过程，并提供了具体的JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/1999wang/p/11343456.html