如何在Blade页面拆分$email字段并生成带自定义data属性的元素

实现方案 #

你可以选择在Blade模板内直接拆分，或者更规范的在控制器中提前处理好参数再传给模板，两种方式代码如下：

方式1：直接在Blade模板中处理

适合逻辑简单、不想修改控制器的场景，自带格式异常兼容，避免非法email格式导致报错：

@php
// 拆分逻辑
$first = $second = $third = '';
$emailSplit = explode('@', $email);
if (count($emailSplit) === 2) {
    $first = $emailSplit[0];
    // 域名部分限制拆为2段，避免多级域名拆分异常
    $domainSplit = explode('.', $emailSplit[1], 2);
    $second = $domainSplit[0] ?? '';
    $third = $domainSplit[1] ?? '';
}
@endphp

{{-- 生成目标标签 --}}
<span data-first="{{ $first }}" data-second="{{ $second }}" data-third="{{ $third }}"></span>

方式2：控制器中提前处理（更推荐）

符合MVC分层规范，模板代码更干净，在你返回视图的控制器方法中添加拆分逻辑：

// 此处示例为从User模型获取email字段，可根据你的实际业务调整取值逻辑
$email = $user->email;
$first = $second = $third = '';

$emailSplit = explode('@', $email);
if (count($emailSplit) === 2) {
    $first = $emailSplit[0];
    $domainSplit = explode('.', $emailSplit[1], 2);
    $second = $domainSplit[0] ?? '';
    $third = $domainSplit[1] ?? '';
}

// 将参数传给视图
return view('你的视图文件名', compact('first', 'second', 'third'));

之后在Blade模板中直接调用即可：

<span data-first="{{ $first }}" data-second="{{ $second }}" data-third="{{ $third }}"></span>

编辑逻辑说明 #

如果后续需要修改后拼接回完整email，直接使用如下逻辑即可：

$newEmail = $first . '@' . $second . '.' . $third;

Laravel自带的{{ }}语法会自动转义特殊字符，不会出现破坏HTML属性的安全问题。

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