标准Inertia应用中，如何实现数据返回前的中间层转换？

下面是几种实用的方案，帮你在把模型数据传给JS渲染前做中间层转换：

• 复用Laravel API资源
  别局限于API场景，API资源完全可以在Inertia里用，直接把模型实例传给资源类，就能复用已有的转换逻辑：

  use App\Http\Resources\UserResource;
  
  public function show(User $user)
  {
      return Inertia::render('User/Show', [
          'user' => new UserResource($user),
          // 集合数据用 UserResource::collection($users)
      ]);
  }
  

  这种方式最省事儿，不用重新写转换逻辑。

• 给模型加专属转换方法
  在模型里写个专门返回前端格式的方法，比如toFrontendArray()：

  // User模型文件
  public function toFrontendArray()
  {
      return [
          'id' => $this->id,
          'name' => ucfirst($this->name),
          'joined_at' => $this->created_at->format('Y年m月d日'),
          // 按需添加转换后的字段
      ];
  }
  

  控制器里直接调用这个方法就行：

  return Inertia::render('User/Show', [
      'user' => $user->toFrontendArray(),
  ]);
  

  适合简单的转换逻辑，逻辑和模型绑定，维护起来直观。

• 使用DTO（数据传输对象）
  复杂转换逻辑推荐用DTO，把模型数据映射成前端需要的结构，和模型解耦：

  // app/DTOs/UserDto.php
  class UserDto
  {
      public function __construct(
          public int $id,
          public string $displayName,
          public string $joinedAt,
      ) {}
  
      public static function fromModel(User $user): self
      {
          return new self(
              $user->id,
              ucfirst($user->name),
              $user->created_at->format('Y-m-d'),
          );
      }
  
      public function toArray(): array
      {
          return get_object_vars($this);
      }
  }
  

  控制器里调用：

  return Inertia::render('User/Show', [
      'user' => UserDto::fromModel($user)->toArray(),
  ]);
  

  这种方式代码结构清晰，也方便写单元测试。

• 视图Composer（全局/多页面共用转换）
  如果多个页面需要相同的转换逻辑，用视图Composer统一处理：

  // 在AppServiceProvider的boot方法中添加
  View::composer('User/*', function ($view) {
      if ($view->has('user')) {
          $user = $view->user;
          $view->with('user', [
              'id' => $user->id,
              'name' => ucfirst($user->name),
              'joined_at' => $user->created_at->format('Y-m-d'),
          ]);
      }
  });
  

  这样所有User目录下的视图，只要传入了user变量，都会自动完成转换，不用在每个控制器重复写逻辑。

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