Laravel 5.6如何读取嵌套数组并将Vue.js传入数据存入answers表

嘿，我来帮你搞定这个存答案到数据库的问题！首先咱们先把数据结构理清楚：你前端传过来的外层数组里，第一个子数组是[user_id, paper_id]（比如你示例里的7是用户ID，3是试卷ID），第二个子数组是对应每道题的答案集合。接下来咱们用Laravel来处理这个逻辑，步骤如下：

1. 接收并验证前端数据 #

首先在你的控制器方法里，先接收前端传来的数组，同时加上验证确保数据格式正确，避免脏数据入库：

use Illuminate\Http\Request;
use App\Models\Answer;

public function saveAnswers(Request $request)
{
    // 验证数据格式
    $validated = $request->validate([
        'submitted_data' => 'required|array|size:2',
        'submitted_data.0' => 'required|array|size:2',
        'submitted_data.0.*' => 'integer|exists:users,id', // 可选：验证user_id存在于users表
        'submitted_data.1' => 'required|array|min:1',
        'submitted_data.1.*' => 'integer', // 根据你的答案类型调整，比如字符串就改成string
    ]);

    // 提取核心数据
    $userPaperInfo = $validated['submitted_data'][0];
    $userId = $userPaperInfo[0];
    $paperId = $userPaperInfo[1];
    $answersList = $validated['submitted_data'][1];

2. 遍历答案并入库（两种方式） #

方式一：逐条插入（适合数据量小的场景） #

如果你的答案数量不多，直接循环插入每条记录就行，注意这里假设每个答案对应一道题，题目ID按数组索引+1递增（你可以根据实际业务调整，比如如果前端也传了question_id，就用对应的值）：

// 遍历答案数组，逐条创建记录
    foreach ($answersList as $index => $answerValue) {
        Answer::create([
            'user_id' => $userId,
            'paper_id' => $paperId,
            'question_id' => $index + 1, // 替换成你实际的题目ID逻辑
            'answer' => $answerValue, // 对应你answers表中存储答案的字段名
            // 如果表中有其他字段，比如created_at/updated_at，Laravel会自动填充（如果模型开启了时间戳）
        ]);
    }

方式二：批量插入（适合数据量大的场景） #

如果答案数量较多，批量插入能提升性能，先构建所有记录的数组，再一次性插入：

// 构建批量插入的数组
    $answerRecords = [];
    $currentTime = now();

    foreach ($answersList as $index => $answerValue) {
        $answerRecords[] = [
            'user_id' => $userId,
            'paper_id' => $paperId,
            'question_id' => $index + 1,
            'answer' => $answerValue,
            'created_at' => $currentTime,
            'updated_at' => $currentTime,
        ];
    }

    // 批量插入
    Answer::insert($answerRecords);

3. 返回响应 #

最后给前端返回成功提示：

return response()->json([
        'status' => 'success',
        'message' => '所有答案已成功保存',
        'count' => count($answersList)
    ]);
}

关键注意事项 #

• 表字段匹配：确保你的answers表中有user_id、paper_id、question_id（如果需要）和存储答案的字段（比如answer），如果字段名不同，记得修改代码里的键名。
• 题目ID逻辑：如果你的题目ID不是按顺序递增的，需要让前端把每个答案对应的question_id也传过来（比如改成二维数组[[question_id, answer], ...]），这样入库时更准确。
• 前端传参：确保前端用POST请求发送数据，并且正确设置请求头Content-Type: application/json，比如用Vue的axios：

// 前端示例代码
axios.post('/api/save-answers', {
    submitted_data: [
        [7, 3], // user_id, paper_id
        [2, 2, 3, 4] // 答案数组
    ]
})
.then(response => {
    console.log(response.data.message);
})
.catch(error => {
    console.error(error);
});

内容的提问来源于stack exchange，提问作者Naveed Sheriffdeen