更新整个表(Laravel和Vuejs)

时间:2019-02-25 15:19:07

标签: laravel vue.js

我在管理面板上有一张表格,其中包含60行和10列。这些列属于数据库中的2个不同表。简化的版本是这样的:


|资产|贸易|现状代码链接|

“代码”和“链接”列包含空文本输入。当我输入任何内容时,它们的值将转到Vue.js对象,然后将它们保存在Posts表中,该表工作正常。

交易和状态列具有单选按钮,它们属于交易表。当我检查单选按钮时,它们的值将转到Vue.js对象。当我尝试更新Trades表时,它返回405错误。

该按钮调用该功能:

publish() {
  this.form.post("/api/posts")
    .then(() => {
      this.form
        .put("/api/trades")
    })
    .catch(() => {
      //error codes...
    });
}

我不知道POST和PUT请求是否可以一起使用,或者这是否是正确的语法,但是我想一键式完成这两个动作。

我的更新功能在下面。如您所见,我正在尝试使用“ asset_id”(它是Trades表中的外键),而不是“ id”(这是Trades表中的主键)。我认为这会引起问题,但我不确定。我也将这行代码添加到Post模态文件中,但这没有帮助:

protected $primaryKey = 'asset_id';

我的更新功能:

/**
 * Update the specified resource in storage.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  int  $asset_id
 * @return \Illuminate\Http\Response
 */
public function update(Request $request, $asset_id)
{
    $input = $request->all();
    if (count($input['asset_id']) > 0) {
        foreach ($input['asset_id'] as $asset_id) {
            if (array_key_exists($asset_id, $input['status'])) {
                $updates = [
                    'trade' => $input['trade'][$asset_id],
                    'status' => $input['status'][$asset_id],
                    'private' => (array_key_exists($asset_id, $input['public_code']) ? 0 : 1)
                ];
                Post::where('asset_id', $asset_id)->find($asset_id)->update($updates);
            }
        }
    }
}

当我检查单选按钮并填充输入时,Vue.js对象将变成这样:

form: new Form([
    asset_id: [2, 5, 16, 52],
    trade: {
      2: "Long",
      5: "None",
      16: "Long",
      52: "Short" 
    },
    status: {
      2: "Active",
      5: "Canceled",
      16: "Pending"
      52: "Active"
    },
    public_code: {
      2: "VBFABVR",
      16: "hmbtr46"
    },
    link: {
      2: "http://...",
      16: : "http://..."
    }
])

我不确定是否应该提供更多详细信息。如果是这样,请告诉我。我希望有人告诉我这是怎么回事。

编辑: 路线代码:

Route::apiResources([
    'users' => 'API\UsersController',
    'roles' => 'API\RolesController',
    'plans' => 'API\PlansController',
    'categories' => 'API\CategoriesController',
    'assets' => 'API\AssetsController',
    'posts' => 'API\PostsController',
    'trades' => 'API\TradesController',
]);

路由列表:

| POST      | api/trades         | trades.store   | App\Http\Controllers\API\TradesController@store   | api
| GET|HEAD  | api/trades         | trades.index   | App\Http\Controllers\API\TradesController@index   | api
| PUT|PATCH | api/trades/{trade} | trades.update  | App\Http\Controllers\API\TradesController@update  | api
| GET|HEAD  | api/trades/{trade} | trades.show    | App\Http\Controllers\API\TradesController@show    | api
| DELETE    | api/trades/{trade} | trades.destroy | App\Http\Controllers\API\TradesController@destroy | api

1 个答案:

答案 0 :(得分:0)

这是一个菜鸟错误。我试图将交易的集合传递到数据库,但是放置请求需要/ api / trades / $ id。这就是为什么我在前端和后端创建了一个for循环的原因,我只需要一个简单的更新函数即可。

这是我单击“提交”按钮时调用的函数:

publish() {
  var trades = this.form.asset_id.length;
  this.form.post("/api/posts")
  for (var i = 0; i < trades; i++) {
    if (this.form.asset_id[i] in this.form.status) {
        this.form.put("/api/trades/" + this.form.asset_id[i])
    }
  }
}

这是上传功能:

public function update(Request $request, $id)
{
    $item = Trade::findOrFail($id);
    $input = $request->all();
    $updates = [
        'trade' => $input['trade'][$id],
        'status' => $input['status'][$id],
        'private' => (array_key_exists($id, $input['public_code']) ? 0 : 1)
    ];
    $item->update($updates);
}