vuetify admin

Vuetify Admin

SPA Admin Framework لـ Vue.js الذي يعمل على رأس واجهات برمجة التطبيقات REST ، مبني على Vuetify ويأتي مع مكونات Vue CLI مخصصة. على استعداد للاستخدام على Laravel 8 باستخدام حزمة الملحن الرسمية Laravel Admin ، ولكن يمكن استخدامها في كل الواجهة الخلفية من اختيارك مع مزودي البيانات الخاصة بك ومقدمي المصادقة.

انظر الوثائق الكاملة
تحقق من العرض التوضيحي عبر الإنترنت -> انتقل إلى المسؤول واستخدم تسجيل الدخول المملوء مسبقًا (اقرأ فقط)
تحقق من CodesandBox -> استخدم أي تسجيل دخول (واجهة برمجة تطبيقات قابلة للكتابة)
كان هذا المشروع مستوحى بشدة من مسؤول React الذي صنعه فريق Marmelab Awesome

انظر كيف يعمل هنا.

ثَبَّتَ

حدد دليلك الأنسب:

• للعرض الأساسي والتثبيت السريع عبر المكون الإضافي Vue CLI ، انتقل إلى البدء.
• للحصول على أفضل عرض أولي للبدء لميزات مسؤول Vuetify ، اتبع دليل البرنامج التعليمي هذا.
• إذا اخترت Laravel كواجهة خلفية ، اتبع هذا الدليل المحسن.

ملاحظة على هذا الريبو الرئيسي

إنه يحتوي على جميع المشاريع اللازمة لتطوير مسؤول Vuetify وتشغيل العرض التعليمي والبرامج التعليمية:

• Vuetify Admin Library ، مكتبة المشرف الرئيسية.
• Vuetify Admin Vue CLI Plugin ، المكوّن الإضافي المرتبط بـ Vue CLI الذي يحتوي على جميع رمز Boilerplate للتثبيت السريع ومولد رمز أوامر واجهة المستخدم.
• Admin Laravel ، الجهاز الفرعي GIT لحزمة الملحن لاستخدامه في مشروع Fresh Laravel والذي يسهل تكامل المسؤول Vuetify ويتضمن مولد أوامر API من جانب الخادم.
• Bookstore Admin Demo ، عينة المسؤول الكاملة ذات الميزة الكاملة على الجزء العلوي من مكتبة المشرف الرئيسية.
• Bookstore Laravel Demo ، الخلفية API المناسبة لمكتب الإدارة العرضية على أساس Laravel.
• تعليمي المسؤول ، البرنامج التعليمي النهائي بعد اتباع مستندات مخصصة ، مثالية للتعلم السريع في أقل من 15 دقيقة.
• API Platform Tutorial ، انتهى البرنامج التعليمي بعد اتباع مستندات مخصصة. عرض جيد لاستخدام موفر API Hydra.
• برنامج Laravel Tutorial ، البرنامج التعليمي النهائي بعد اتباع مستندات مخصصة تهدف إلى تقديم عرض جيد لتطوير YAML.
• Vue CLI Base ، Clean Basic Vuetify CLI Project Starter لاختبار التثبيت المناسب لمكوّن VA vue CLI.
• مستندات ، وثائق على أساس vuepress.

يتم ربط جميع هذه المشاريع تلقائيًا معًا بواسطة Symlinks بفضل مساحات عمل الغزل والملحن لأفضل تجربة تطوير المكتبة. HMR من العرض التجريبي إلى مكتبة المسؤول جنبًا إلى جنب مع الدعم بالكامل!

الاستخدام

كيفية تشغيل البرنامج التعليمي

يمكنك تشغيل البرنامج التعليمي مباشرة داخل CodesandBox!

كيفية تشغيل العرض التوضيحي محليًا

تأكد من استنساخ هذا الريبو مع الجهاز الفرعي git. إذا لم يكن الحالة ، استخدم git submodule init && git submodule update . يجب استنساخ حزمة Laravel المنفصلة تحت المجلد الفرعي/Laravel .

متطلبات :

• الغزل .
• Docker مع Docker-Cormse ، المطلوب لبدء تشغيل API سريع التشغيل. إذا كنت لا تريد ذلك ، اتبع التعليمات المخصصة.
• اجعل من السهل بدء جميع الأدوات اللازمة. بالنسبة لمستخدمي Windows تثبيته عبر Scoop مع scoop install make . استخدم make help لجميع أوامر التفاصيل.

من أجل تشغيل العرض التوضيحي:

yarn # install all yarn dependencies
make up-demo-laravel # run server api through docker (take a pastis if 1st time...)
make prepare-demo-laravel # initialize laravel app and inject dummy data (use it only at 1st launch)
make run-demo # compile all bookstore demo admin with HMR dev mode enabled

يجب على لوحة المسؤول التلقائي في http: // localhost: 8080.

تشغيل وإنشاء مستندات

يتم استضافة المستندات بواسطة Vuepress. استخدم make run-docs لإطلاقه على http: // localhost: 9000. سيقوم make build-docs بإنشاء ملفات ثابتة داخل مجلد جذر docs .

يتم إنشاء توثيق API لجميع مكونات VA تلقائيًا من رمز المصدر بفضل Vue Docgen API.

مسؤول لارافيل

تتوفر حزمة مساعدة منفصلة لـ Laravel من أجل الحصول على أسرع تجربة تطوير بداية قدر الإمكان ، مجتمعة مع المولدات من أجل الإنتاجية العالية ، مع احترام طريقة لارافيل التقليدية النقية لصنع موارد CRUD. قمت بتضمين مولدات التعليمات البرمجية المستندة إلى YAML ، وبالمثل مثل مخطط.

الوثائق

يمكن العثور على وثائق Vuetify Admin على موقع Okami101.

رخصة

هذا المشروع هو برنامج مفتوح المصادر مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.