本文详解如何在 Laravel 后端正确接收、验证并持久化前端传来的测试标题、描述及关联的问题数组，解决因模型关系未加载导致 questions 字段不可见的问题。
本文详解如何在 laravel 后端正确接收、验证并持久化前端传来的测试标题、描述及关联的问题数组，解决因模型关系未加载导致 `questions` 字段不可见的问题。
在构建在线测验系统时，常见需求是将一个测试（Test）及其多个问题（Question）作为一个整体提交并存储。你已成功通过 Axios 将 title、description 和 questions 数组发送至 /api/tests 接口，且 Network 面板确认 questions 确实存在于请求 Payload 中——这说明前端发送逻辑基本正确。问题核心在于后端：当前 storeData 方法虽接收并尝试处理 questions，但存在三个关键缺陷：
-
验证规则不完整：原代码仅校验
questions是数组，未验证其内部字段（如text、type、id），导致非法或缺失字段的数据被静默忽略； -
关联数据未主动加载：
Test::createTest(...)创建测试后，$test实例默认不包含questions关系数据，因此response()->json(['test' => $test])返回的对象中自然没有questions字段； -
问题创建逻辑有误：原代码使用
$test->questions()->save($question)逐条保存，但未正确提取questions.*.text等字段，且未处理批量插入的效率与健壮性。
✅ 正确做法如下：
1. 完善请求验证规则
在 storeData 方法中扩展验证，确保每个问题都具备必需字段：
use Illuminate\Support\Arr;
use Illuminate\Support\Facades\Validator;
$validatedData = $request->validate([
'title' => 'required|string|max:255',
'description' => 'required|string',
'questions' => 'required|array|min:1',
'questions.*.text' => 'required|string|min:1',
'questions.*.type' => 'required|string|in:text,multiple_choice,true_false',
'questions.*.id' => 'nullable|integer',
]);
⚠️ 注意：
questions.*.id设为nullable更合理（前端 ID 可能为临时标识，不应强依赖）。
2. 分离主表与关联表创建逻辑
先创建 Test 主记录，再批量创建关联的 Question：
// 仅提取 title 和 description 创建 Test
$test = Test::create(Arr::only($validatedData, ['title', 'description']));
// 批量创建 questions（推荐使用 createMany，简洁高效）
if (!empty($validatedData['questions'])) {
$test->questions()->createMany(
array_map(fn($q) => ['text' => $q['text'], 'type' => $q['type']],
$validatedData['questions'])
);
}
3. 主动加载关联关系并返回完整数据
这是解决“Preview/Response 中看不到 questions”的关键！必须显式调用 load('questions')：
return response()->json([
'message' => 'Test created successfully',
'test' => $test->load('questions') // ← 核心修复：强制预加载关联
], 201);
同时，请确保 Test 模型正确定义了 Eloquent 关系：
// app/Models/Test.php
public function questions()
{
return $this->hasMany(Question::class);
}
以及 Question 模型中声明反向关联（可选，但推荐）：
// app/Models/Question.php
public function test()
{
return $this->belongsTo(Test::class);
}
补充：前端获取时也需加载关联
你当前的 getTests() 方法仅执行 Test::all()，同样不会包含 questions。若需单个测试详情（含问题），应改为：
public function getTestByTitle(Request $request): JsonResponse
{
$test = Test::where('title', $request->title)
->with('questions') // ← 显式加载
->firstOrFail();
return response()->json($test);
}
并在前端调用该接口（而非 tests/all）以获取完整结构。
✅ 总结：
-
验证要细粒度：用
questions.*.field规则约束嵌套字段； -
创建要分步：先主表，再通过
createMany()批量写入子表； -
返回要显式加载：
->load('questions')或->with('questions')是让关联数据出现在 API 响应中的唯一可靠方式； -
模型关系必定义：确保
Test与Question的hasMany/belongsTo正确无误。
完成上述调整后，alert(JSON.stringify(response.data)) 将清晰显示嵌套的 questions 数组，前端也可直接渲染全部内容。
