【发布时间】:2018-01-20 09:43:48
【问题描述】:
我有一个体育赛事的数据库表。每个活动都有年份、活动名称和活动获胜者。
我的此表的管理视图允许按年份对事件进行分组并批量插入(通常一次插入 8 个体育事件行)。我有一个用 Vue 编写的表格,它允许将最多 8 个体育赛事行添加到界面、填充和提交字段。这工作很好。
这个方法是
public function storeMultiple(Request $request)
{
$year = $request->year;
$newEvents = $request->events;
foreach ($newEvents as $key => $value) {
DB::table('sport_events')->insert([
'team_id' => 1,
'sort_order' => $value['sort_order'],
'year' => $year,
'event' => $value['event'],
'winner' => $value['winner'],
'created_at' => Carbon::now(),
'updated_at' => Carbon::now()
]);
}
}
虽然我知道这不是一个好方法(数据库结构限制了我,而不是让年份成为关键和体育赛事)并且对于这样一个小而罕见的用例,我对性能折衷感到满意。
表单通过 Axios 提交到我的路线,所有内容都按我的预期进入数据库。
现在我希望为方法添加验证,确保每个事件都有事件名称和获胜者。
$validator = Validator::make($request->all(), [
'year' => 'required',
'events.*' => 'required',
]);
if ($validator->fails()) {
return response()->json([ 'errors' => $validator ]);
}
我的提交似乎绕过了我已经进行的验证检查,获得了成功状态。
我的 Vue 提交方法是这样做的
submit () {
axios({
method: 'post',
url: '/admin/sports',
data: {
year: this.year,
sports: this.sports
}
}).then((response) => {
window.location.href = '/admin/sports'
}).catch((error) => {
// error
})
}
这种方法哪里出错了?
更新:Thiago 的建议解决了问题,但随后我不得不更新我的 Vue 组件中的提交方法以显示错误????????
submit () {
axios({
method: 'post',
url: '/admin/sports',
data: {
year: this.year,
sports: this.sports
}
}).then((response) => {
window.location.href = '/admin/sports'
}).catch((error) => {
this.errors = error.response.data.errors
console.log(this.errors)
})
}
【问题讨论】:
标签: laravel validation vue.js laravel-5.2