智能销售系统技术心得——第三篇

智能销售系统技术心得

第三章

删除功能

1.拿到要删除的是哪条数据(没有选择，给出提示)
2.如果有选择,给出确定选择(真的要删除嘛)
3.传id到后台进行删除
删除成功 -> 刷新页面
删除失败 -> 给出提示
后台返回的JSON值：JsonResult(boolean success,String msg)

delete(){
        //获取选中行
         var row = productDataGrid.datagrid("getSelected");
         //如果没有选中行则提示
         if(!row){
             $.messager.alert("提示","选中一行，瓜皮!","info");
             return;
         }
         //弹出提示框确认是否删除，添加方法，如果删除则执行方法
         $.messager.confirm('确认','你是否想要删除',function (r) {
             if (r){
                 $.get("/product/delete",{id:row.id},function (result) {
                     //删除成功则刷新数据，否则提示用户什么原因删除失败
                     if (result.success){
                         productDataGrid.datagrid("reload");
                     }else {
                         $.messager.alert("提示",`你出错了，原因是:${result.msg}`,"error");
                     }
                 })
             }
         });
     },

添加功能

准备弹出框

EditDialog -> form （居中,模态,form清空）

完成验证

自带的验证功能

 class="easyui-validatebox" 
 data-options="required:true,validType:'email'"

引入扩展的验证功能

<%--验证扩展的样式与js引入--%>
<link rel="stylesheet" type="text/css" href="/easyui/plugin/validatebox/jeasyui.extensions.validatebox.css">
<script src="/easyui/plugin/validatebox/jeasyui.extensions.validatebox.rules.js"></script>

自定义验证功能，直接拷贝扩展功能中的代码

//定义我们自己的规则(验证重复)
$.extend($.fn.validatebox.defaults.rules, {
    checkName: {
        //验证规则  value:表单中的值  params:规则中传过来的值(数组形式)
        validator: function(value, param){
            //拿到相应的id
            var employeeId = $("#employeeId").val();
            //使用同步的方式进行查询
            var isSuccess = $.util.requestAjaxBoolean('/employee/checkUsername',
                {id:employeeId,username:value});
            //使用同步的方式进行Ajax请求
           return isSuccess;
        },
        //验证失败的提示
        message: '用户名已经被占用!'
    }
});

修改功能

需要传ID，不需要验证密码，添加的时候任然需要，所以需要开启，修改的时候隐藏并且禁用，修改的时候需要进行回显操作

//添加的时候把所有带 data-save属性的元素显示起来
$("*[data-save]").show();
//把对应的元素启用
$("*[data-save] input").validatebox("enable")



修改时隐藏密码，并且把它禁用
 //把所有带 data-save属性的元素隐藏起来
$("*[data-save]").hide();
//对应的元素禁用(这个值就不会提交到后台)
$("*[data-save] input").validatebox("disable");



修改回显
// 关连对象回显需要做的操作
if(row.department){
    row["department.id"] = row.department.id;
}
//进行数据的回显(在清空后面)
employeeForm.form("load",row);

数据丢失(动态修改)

三种解决方案(隐藏域,SQL不修改,先到数据库查)

@ModelAttribute : 在路径访问这个方法的时候会先执行它

解决n-to-n的问题

添加:/employee/save 修改：/employee/update?cmd=update

@ModelAttribute("editEmployee")
public Employee beforeEdit(Long id,String cmd){
    //修改的时候才查询(只要有id会就进行一次查询,这是不对的)
    if(id!=null && "update".equals(cmd)) {
        Employee dbEmp = employeeService.findOne(id);
        //把要传过来的关联对象都清空，就可以解决n-to-n的问题
        dbEmp.setDepartment(null);
        return dbEmp;
    }
    return null;
}

//这里的ModelAttribute和上面的名称是对应上的
@RequestMapping("/update")
@ResponseBody
public JsonResult update(@ModelAttribute("editEmployee")Employee employee){
    return saveOrUpdate(employee);
}