محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لايف واير

بناء مكون تقييم مع Livewire v4

أنشئ مكون تقييم بالنجوم.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون

ابنِ مكون تقييم تفاعلي.

المكون

php
@php
new class extends Livewire\Component {
    public int $rating = 0;
    public int $hoverRating = 0;
    public int $ratableId;
    public string $ratableType;
    
    public function setRating(int $value): void
    {
        $this->rating = $value;
        Rating::updateOrCreate(
            ['user_id' => auth()->id(), 'ratable_id' => $this->ratableId],
            ['value' => $value]
        );
    }
}
@endphp

<div>
    @for($i = 1; $i <= 5; $i++)
        <button wire:click="setRating({{ $i }})">
            {{ $i <= $rating ? '★' : '☆' }}
        </button>
    @endfor
</div>
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة