安全传递用户 ID 的 Laravel 编辑链接方法

在 Laravel 开发中，常见需求是将用户信息（如姓名）渲染为可点击的“按钮式链接”，点击后跳转至其编辑页面（如 users.edit）。但需注意：<button> 标签本身不具备导航能力——它不会响应 href 属性，即使你写了 href="{{ route('users.edit', [...]) }}"，浏览器也完全忽略该属性，导致点击无反应。

✅ 正确做法是使用语义化的 <a>（锚）标签，并通过 CSS 控制样式使其视觉上呈现为按钮：

<div class="p-2 bd-highlight text-center text-secondary align-center">
    <a href="{{ route('users.edit', ['id' => Auth::user()->id]) }}"
       class="rounded-circle inline-flex items-center justify-center px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white font-medium rounded-lg transition-colors duration-200">
        <span>{{ Auth::user()->name }}</span>
    </a>
</div>

? 关键要点说明：

• 不要混用 <button> 和 href：<button> 是表单交互元素，跳转应交由 <a> 处理；若需提交数据或触发 JS 行为，才考虑 <button> + JavaScript。
• 路由参数推荐使用关联数组：['id' => Auth::user()->id] 比仅传 Auth::user()->id 更清晰、更易维护（尤其当路由定义为 Route::get('/users/{id}/edit', ...)->name('users.edit') 时）。
• 增强用户体验：添加 hover:bg-*、transition 等 Tailwind 类，让链接具备按钮的悬停反馈；也可叠加 btn 类（如 Bootstrap 的 .btn.btn-primary）快速获得标准按钮样式。
• 安全性提醒：确保 users.edit 路由已做授权检查（如在控制器中调用 $this->authorize('update', $user)），避免用户手动修改 URL ID 访问他人资料。

? 小技巧：若项目已全局定义 App\Models\User 的 Route::model('user', User::class)，还可简写为 route('users.edit', Auth::user())，Laravel 会自动提取主键。

综上，用 <a> 替代 <button> 并非妥协，而是遵循 HTML 语义与 Web 标准的最佳实践——既保证功能可用、代码可访问（screen readers 可识别链接），又便于样式控制与后续扩展。