请求后使用外键Laravel

Question

我使用的是带有vue前端的larvel后端。它们通过API连接。我一直在试图找出如何正确提交与父模型有foreign\u key关系的模型的表单。

这里是关系

1. 用户有许多任务
2. 一个任务属于用户
3. 客户有许多约定
4. 订婚属于客户
5. 约定和任务有多对多
6. 用户和客户没有直接关系

所以我知道，如果我想提交一个帖子请求与用户有关系的数据，分配如下foreign_key很简单

*范例

public function store(Request $request)
    {
        $data = $request->validate([
            'title' => 'required|string',
            'completed' => 'required|boolean',
        ]);
        $todo = Todo::create([
            'user_id' => auth()->user()->id,
            'title' => $request->title,
            'completed' => $request->completed,
        ]);
        return response($todo, 201);
    }

但当我尝试做同样的事情为我的客户端我得到一个500内部服务器错误...

这就是工作流程

在我的vue前端的附加段中。vue组件

<template>
  <div class="page-wrapper mt-1">
    <div class="add-engagement container">
      <div class="card-body bg-light border-primary mb-2">
        <h4 class="text-left text-primary m-0"><i class="mr-3 far fa-folder-open"></i>New Engagement</h4>
      </div>
        <form @submit.prevent="addEngagement" class="d-flex-column justify-content-center">
          <div class="form-group">
            <select class="form-control mb-3" id="type" v-model="engagement.return_type">
              <option v-for="type in types" :key="type.id" :value="type">{{ type }}</option>
            </select>
            <input type="text" class="form-control mb-3" placeholder="Year" v-model="engagement.year">
            <input type="text" class="form-control mb-3" placeholder="Assign To" v-model="engagement.assigned_to">
            <input type="text" class="form-control mb-3" placeholder="Status" v-model="engagement.status">

            <button type="submit" class="btn btn-lg btn-primary d-flex justify-content-start">Create</button>
          </div>
        </form>
      </div>  
  </div>
</template>

<script>


export default {
  name: 'add-engagement',
  data() {
    return {
      engagement: {
        return_type: null,
        year: '',
        assigned_to: '',
        status: '',
      },
      types: [ 
        'Choose Return Type...', 
        '1040', 
        '1120',
      ],
    }
  },
   methods: {
    addEngagement(e) {
      if(!this.engagement.return_type || !this.engagement.year ){
        return
      } else {
        this.$store.dispatch('addEngagement', {
          id: this.idForEngagement,
          return_type: this.engagement.return_type,
          year: this.engagement.year,
          assigned_to: this.engagement.assigned_to,
          status: this.engagement.status,
        })
        e.preventDefault();
      }
      e.preventDefault();
      this.engagement = "" 
      this.idForEngagement++
      this.$router.push('/engagements')
    },
  },
  created: function() {
    this.engagement.return_type = this.types[0]
  },

}
</script>

我捕获输入中的数据，然后将存储分配给addEngments操作

现在在AddEngagement的URL中。vue组件我的客户端id如下所示

add-engagement/{client_id}

这是商店。添加项的js操作

addEngagement(context, engagement) {
      axios.post(('/engagements'), {
        return_type: engagement.return_type,
        year: engagement.year,
        assigned_to: engagement.assigned_to,
        status: engagement.status,
        done: false
      })
      .then(response => {
        context.commit('getClientEngagement', response.data)
      })
      .catch(error => {
        console.log(error)
      })
    },

从这里，它将请求发送到我的Laravel api路由文件中的 /engagement，如下所示

Route::post('/engagements', 'EngagementsController@store');

然后转到EngagementsController运行下面的存储方法

public function store($client_id, Request $request)
    {
        $data = $request->validate([
            'return_type' => 'required|string',
            'year' => 'required|string',
            'status' => 'required|string',
            'assigned_to' => 'required|string',
            'done' => 'required|boolean'
        ]);

        $engagement = Engagement::create([
            'return_type' => $request->return_type,
            'year' => $request->year,
            'assigned_to' => $request->assigned_to,
            'status' => $request->status,
            'done' => $request->done,
            + [
                'client_id' => $client_id
            ]
        ]);

        return response($engagement, 201);
    }

在这一点上，我得到了我的错误，我认为这与$client\u id有关，我尝试了许多不同的格式化方法，但都没有成功。当URL在post请求的前端存储客户端id时，我不知道该数据是如何与laravel共享的，以便它知道客户端id外键将分配给哪个客户端。

Answer 1

首先:

$engagement = Engagement::create([
            'return_type' => $request->return_type,
            'year' => $request->year,
            'assigned_to' => $request->assigned_to,
            'status' => $request->status,
            'done' => $request->done,
            + [
                'client_id' => $client_id
            ]
        ]);

为什么会有这个[...]数组的事情？对我来说没有意义...

但是500服务器错误很可能是由于您的错误请求造成的（大多数500服务器都会这样做）。

如果这是您的路由定义：

Route::post('/engagements', 'EngagementsController@store');

这是方法头：

public function store($client_id, Request $request)

您的发布请求如下：

axios.post(('/engagements'), {
        return_type: engagement.return_type,
        year: engagement.year,
        assigned_to: engagement.assigned_to,
        status: engagement.status,
        done: false
      })

您会注意到，函数定义与路由不同。在函数中，您需要路由未知的参数“client_id”。因此，要解决这个问题，请将您的客户机id放入Post请求正文（例如，在done:false下面），并从函数定义中删除该参数。