Laravel如何实现将属性值列表展示在对应属性旁

第一步：定义模型关联 #

首先创建两个对应数据表的Eloquent模型，配置一对多关联关系：

// app/Models/Attribute.php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\HasMany;

class Attribute extends Model
{
    protected $fillable = ['attributeName'];

    // 一对多关联属性值表，指定自定义外键名attributeId
    public function values(): HasMany
    {
        return $this->hasMany(AttributeValue::class, 'attributeId');
    }
}

// app/Models/AttributeValue.php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;

class AttributeValue extends Model
{
    protected $fillable = ['attributeId', 'value'];

    // 可选：定义反向关联到属性表
    public function attribute(): BelongsTo
    {
        return $this->belongsTo(Attribute::class, 'attributeId');
    }
}

第二步：数据查询 #

Eloquent查询（推荐） #

使用预加载查询避免N+1性能问题，查询结果会自动携带关联的属性值：

// 控制器中查询数据
$attributes = Attribute::with('values')->get();

// 传递到视图
return view('your-view-path', compact('attributes'));

原生SQL查询（可选） #

如果需要直接用SQL实现，可通过GROUP_CONCAT直接拼接每个属性对应的所有值：

SELECT 
    a.id,
    a.attributeName,
    GROUP_CONCAT(av.value SEPARATOR '、') as value_list
FROM attributes a
LEFT JOIN attribute_values av ON a.id = av.attributeId
GROUP BY a.id, a.attributeName

第三步：视图渲染 #

在Blade模板中循环输出属性和对应属性值即可实现需求效果：

@foreach($attributes as $attribute)
    <div>
        <h4>{{ $attribute->attributeName }}</h4>
        <div class="value-list">
            @foreach($attribute->values as $value)
                <span class="value-item">{{ $value->value }}</span>
            @endforeach
        </div>
    </div>
@endforeach

可选优化建议 #

• 建表时可添加外键约束保证数据一致性，修改attribute_values表的建表逻辑，新增外键定义：

$table->foreign('attributeId')
      ->references('id')
      ->on('attributes')
      ->onDelete('cascade');

• 若属性值数量较多，使用GROUP_CONCAT查询时可提前调整MySQL配置的group_concat_max_len参数，避免值被截断。

内容的提问来源于stack exchange，提问作者Md. Shiam Hossain