前后台实现编辑操作

女爷i 2021-07-25 18:20 340阅读 0赞

前端 js
    后端 php+laravel5.6
    点击编辑按钮，跳出弹框

// 编辑数据配置
    editInfo: { 
        'gameName': "",
        'resume': "",
        'details': "",
        'reason': '',
        'fixed': '',
        'id': '',
        'time': '',
        'addUser': ''
    },
    
    handleEditOk(evt){ 
       // 发起编辑请求函数
        var editInfo = new FormData()
        editInfo.append('gameName', this.editInfo.gameName)
        editInfo.append('resume', this.editInfo.resume)
        editInfo.append('details', this.editInfo.details)
        editInfo.append('fixed', this.editInfo.fixed)
        editInfo.append('reason', this.editInfo.reason)
        editInfo.append('task_id', this.editInfo.task_id)
        updateTaskById(editInfo, this.callback4)
    },
    
    
    // 封装的请求方法
    function updateTaskById(fd, callback) { 
        axios.post('/api/common/edit-task', fd, { 
            headers: { 
                'Content-Type': 'multipart/form-data'
            }
        })
            .then(function (response) { 
                if( isResponseHasError(response) ){ 
                    displayResponseError(response)
                    return
                }
                callback(response)
            })
            .catch(function (error) { 
                console.log(error)
            });
    }

后台代码

public function putTask(Request $request){ 
       $updateData = TasksData::where('task_id', $request->input('task_id'))
            ->update([
                'gameName'=>$request->input('gameName'),
                'resume'=>$request->input('resume'),
                'details'=>$request->input('details'),
                'reason'=>$request->input('reason'),
                'fixed'=>$request->input('fixed'),
                'create_time' => date('Y-m-d'), //时间格式 yyyy-mm-dd
            ]);
    
        if ($updateData)
            return ['msg' => "success"];
        else
            return ['msg' => "fail"];
    }