Laravel中单个视图实现新增/编辑状态切换的最优方案咨询

针对单个表单视图同时支持创建和编辑、按需显示字段的需求，以下几种方案比手动传递$mode更简洁优雅：

方案一：利用Eloquent模型的exists属性 #

新建的模型实例（new Tag()）的exists属性为false，而从数据库查询出来的模型（Tag::find($id)）该属性为true，直接利用这个特性判断状态，无需额外传递变量：

修改控制器代码 #

public function edit($id)
{
    $tag = Tag::findOrFail($id);
    // 移除$mode，直接返回共用的表单视图
    return view('tag.form', compact('tag'));
}

public function create()
{
    $tag = new Tag();
    return view('tag.form', compact('tag'));
}

视图中判断 #

{{-- 共用的表单字段 --}}
<div class="form-group">
    <label>标签名称</label>
    <input type="text" name="name" class="form-control" value="{{ old('name', $tag->name) }}">
</div>

{{-- 仅编辑状态显示的字段 --}}
@if($tag->exists)
<div class="form-group">
    <label>创建时间</label>
    <input type="text" class="form-control" value="{{ $tag->created_at->format('Y-m-d H:i:s') }}" readonly>
</div>
@endif

方案二：通过当前路由名称判断 #

如果不想依赖模型状态，可以利用Laravel的路由名称来区分创建/编辑场景：

首先确保路由已命名 #

Route::get('tags/create', [TagController::class, 'create'])->name('tags.create');
Route::get('tags/{tag}/edit', [TagController::class, 'edit'])->name('tags.edit');

视图中直接判断路由 #

@if(Route::currentRouteName() === 'tags.edit')
    {{-- 编辑状态专属字段 --}}
    <div class="form-group">
        <label>更新时间</label>
        <input type="text" class="form-control" value="{{ $tag->updated_at->format('Y-m-d H:i:s') }}" readonly>
    </div>
@endif

方案三：使用视图组件封装专属字段 #

如果编辑状态的字段较多，推荐用Laravel的视图组件封装，保持主表单视图简洁：

创建EditFields组件 #

// app/View/Components/EditFields.php
namespace App\View\Components;

use App\Models\Tag;
use Illuminate\View\Component;

class EditFields extends Component
{
    public $tag;

    public function __construct(Tag $tag)
    {
        $this->tag = $tag;
    }

    public function render()
    {
        return view('components.edit-fields');
    }
}

组件视图（resources/views/components/edit-fields.blade.php） #

<div class="form-group">
    <label>创建时间</label>
    <input type="text" class="form-control" value="{{ $tag->created_at->format('Y-m-d H:i:s') }}" readonly>
</div>
<div class="form-group">
    <label>更新时间</label>
    <input type="text" class="form-control" value="{{ $tag->updated_at->format('Y-m-d H:i:s') }}" readonly>
</div>

在主表单视图中调用 #

{{-- 共用字段 --}}
<div class="form-group">
    <label>标签名称</label>
    <input type="text" name="name" class="form-control" value="{{ old('name', $tag->name) }}">
</div>

{{-- 仅编辑状态加载组件 --}}
@if($tag->exists)
    <x-edit-fields :tag="$tag" />
@endif

以上方案都无需手动维护$mode变量，更符合Laravel的设计哲学，代码也更简洁易维护。

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