Laravel Splade هي حزمة مصممة لتوفير طريقة سهلة لبناء تطبيقات صفحة واحدة (SPAs) باستخدام قوالب شفرة Laravel مع تعزيزها بميزات JavaScript أسفل الغطاء. يسمح للمطورين بشكل أساسي بكتابة التطبيقات بشكل أساسي مع Blade ، محرك Templating Laravel الأصلي ، ثم يقدم التفاعل مع مكونات JavaScript ، وذلك بشكل أساسي من خلال Vue 3 ، دون ترك بناء جملة الشفرة. يوفر هذا النهج الفريد سحر أطر عمل SPA مثل الجمود. Js مع بساطة وألفة قوالب الشفرة.
يستخدم Splade داخليًا مكونات Vue 3 لتقديم عناصر واجهة المستخدم التفاعلية ، لكن تجريد الكثير من التعقيد من المطور حتى يتمكنوا من الحفاظ على سير عمل يركز على شفرة. تُستخدم مكونات VUE في الخلفية كمكونات عديمة الصفر ، مما يتيح السلوك التفاعلي والديناميكي. هذا يعني أنه على الرغم من أن Vue جزء لا يتجزأ من كيفية عمل SPLADE ، فإن المطور لا يرمز مباشرة إلى مكونات VUE على الفور ؛ بدلاً من ذلك ، يستخدمون قوالب Blade التي يتم تعزيزها بواسطة مكونات وتوجيهات SPLADE المخصصة لإنشاء التفاعل المطلوب في تطبيقات الويب الحديثة.
فيما يتعلق بالتوافق مع أطر عمل JavaScript الأخرى إلى جانب Vue:
- تم تصميم splade بشكل صريح حول Vue 3 لتفاعلها الواجب الواجب ونموذج المكون. حزم الحزمة Vue 3 و Tailwind CSS كجزء من تركيبها.
- تفترض التجربة الأساسية والمكونات المقدمة في splade وجود واستخدام نظام تفاعل VUE 3 ودورة حياة المكون.
- بسبب هذا التكامل الضيق مع Vue 3 ، باستخدام splade laravel مع أطر عمل JavaScript الأخرى مثل React أو Angular أو Svelte ليس منهجًا نموذجيًا أو مباشرًا. لا تدعم هذه الأطر أو تستوعب هذه الأطر لأن منطق التقديم الداخلي وإدارة المكونات مبنية على VUE 3.
- إذا كنت تفضل أو تحتاج إلى رد فعل أو زاوي أو أطر أخرى للواجهة الأمامية الخاصة بك ، فستستخدم عادةً Laravel في أكثر من وضع مفصل أو مدفوع API حيث يخدم Laravel البيانات من خلال واجهات برمجة التطبيقات (مثل REST أو GRATEQL) ، ويستهلك إطار الواجهة الواجهة هذه واجهات برمجة التطبيقات هذه بشكل مستقل من نظام المعادلة الخلفية. في مثل هذه الحالات ، تعد الأدوات مثل الجمود. js أو بناء مشاريع أمامية متميزة إلى جانب الواجهة الخلفية لارافيل أكثر ملاءمة.
- يتكامل Laravel بشكل طبيعي مع العديد من أطر عمل JavaScript من خلال تطوير API أو أدوات مثل Mix لارتداء الأصول. يخدم Splade مكانًا أكثر تحديداً: تمكين تطوير السبا باستخدام Blade و Vue 3 دون مغادرة عالم Laravel.
تتضمن فوائد Splade تسريع التطوير عن طريق تقليل الحاجة إلى تبديل السياقات بين قواعد الرموز الخلفية والواجهة الأمامية وجعل التفاعل الشبيه بالسبا يمكن تحقيقه داخل النظام الإيكولوجي لارافيل بسهولة. إنه يبسط مهام مثل إدارة الوسائط ، ومعالجة النماذج ، والتنقل ، وتبديل البيانات ، والأحداث باستخدام مكونات VUE التي تعمل خلف الكواليس.
بسبب هذه الهندسة المعمارية:
- يتطلب استخدام splade مع React أو Angular جهدًا كبيرًا للتطوير المخصص لاستبدال أو تجاوز مكونات VUE والتفاعل الذي يعتمد عليه بشدة.
- يتجنب أولئك الذين يرغبون في استخدام أطر العمل الأمامية الأخرى بشكل عامين واختيار الواجهة الخلفية API التقليدية بالإضافة إلى فصل الواجهة الأمامية أو بدائل مثل الجمود.
باختصار ، تم تصميم Laravel Splade لاستخدامه بشكل أساسي مع VUE 3 ولا يدعم أطر الواجهة الأمامية JavaScript الأخرى خارج الصندوق. في حين أن Laravel نفسها مرنة للغاية ومتوافقة مع العديد من أطر عمل JavaScript عبر البنية التي تحركها API ، فإن أهداف التصميم الخاصة بـ Splade وتنفيذها تربطها بشكل وثيق مع النظام البيئي لـ Vue 3 لتوفير تجربة سبا سلسة داخل Laravel باستخدام قوالب الشفرة.
هذا يعني أنه بالنسبة للمشاريع التي تتطلب أطر عمل JavaScript الأخرى ، لن يكون Laravel Splade هو الحل المختار عمومًا. بدلاً من ذلك ، كان المطورون يميلون إلى استخدام Laravel كأفراد API الخلفي مع تلك الأطر التي تتعامل مع الواجهة الأمامية أو استكشاف حزم وأدوات Laravel الأخرى أكثر ملاءمة لتلك الأطر.
بشكل عام ، تتيح Laravel Splade تجربة تطوير فريدة من نوعها تركز على Vue 3 و Blade ، مما يوفر مجموعة أدوات قوية لمطوري Laravel الذين يتطلعون إلى بناء تطبيقات تفاعلية دون الحاجة إلى تبني نهج إطار عمل منفصل بالكامل. بالنسبة لأطر JavaScript الأخرى ، يعتمد المطورون عادةً على إمكانات API الخاصة بـ Laravel أو غيرها من عمليات التكامل المصممة مع هذه الأطر في الاعتبار.