lux ui

العرض المباشر

الإنجليزية | 简体中文| 日本語

مقدمة

الهدف: إنشاء أفضل قالب مفتوح المصدر لـ Vuetify 3 Admin.

بناءً على السمات الأنيقة لـ Vuetify، قمنا بإنشاء هيكل مشروع واضح وفعال، يدمج أحدث أطر التكنولوجيا. ويهدف هذا المشروع إلى معالجة مجموعة واسعة من المتطلبات والميزات التقنية المشتركة، مع دمج مساعد الذكاء الاصطناعي للحصول على تجربة أكثر ذكاءً. بالإضافة إلى ذلك، نضمن أن جميع الصفحات قابلة للتكيف عبر أجهزة متعددة، مما يحقق توافقًا سلسًا عبر الأنظمة الأساسية.

إصدارات أخرى

النسخة الكاملة للمنتجع الصحي: lux-vuetify3

SPA المبسط i18n Versionlux-vuetify3-i18n

SPA النسخة الصينية المبسطةlux-vuetify3-zh

نسخة نوكست3:

Nuxt3 النسخة الكاملة lux-nuxt3

Nuxt3 النسخة المبسطة lux-nuxt3-template

وثائق

• الوثيقة 1.0 الصينية

سمات

• الإصدار 3.2
• فيت 4.x
• إطار واجهة المستخدم Vuetify 3
• تايب سكريبت
• ؟ الاستيراد التلقائي للمكونات
• ؟ بينيا
• ؟ <script setup>
• استخدم الرموز من أي مجموعة أيقونات في Iconify
• ☁️ النشر على Netlify، بدون تكوين
• ؟ مصادقة Firebase
• ؟ الرسوم البيانية، أبيكستشارت
• ؟ أوبيناي، شاتغبت
• ؟ vue-i18n
• شريط التمرير الظاهري، vuedraggable، شريط التمرير المثالي
• محرر النص الغني
• ؟ استجابة متعددة المنصات للتكيف

؟ نشاط المشروع

اتصل بي

• البريد الإلكتروني [email protected]
• تويتر https://twitter.com/baibaixiang
• ويشات

?معاينة

?معبأة مسبقًا

️ أطر واجهة المستخدم

• Vuetify3 - Vuetify عبارة عن إطار واجهة مستخدم لا يتطلب مهارات تصميمية مع مكونات Vue مصنوعة يدويًا بشكل جميل.

️ الأيقونات

• Iconify - استخدم الرموز من أي مجموعة أيقونات؟
• أيقونات CSS نقية عبر UnoCSS

️ الإضافات

• فيو راوتر4
• VueUse - مجموعة من واجهات برمجة التطبيقات المفيدة للتكوين
• VuedDaggable - يسمح بالسحب والإفلات والمزامنة مع مصفوفة نموذج العرض.
• Vue-Masonry-Wall - تخطيط بناء سريع الاستجابة مع دعم SSR وتبعيات صفرية لـ Vue 3.
• Vue-Virtual-Scroller - تمرير سريع للغاية لأي كمية من البيانات

?جربه الآن!

 git clone https://github.com/yangjiakai/lux-admin-vuetify3.git

cd lux-admin-vuetify3

yarn install

yarn dev

؟عامل الميناء ذلك!

1. بناء صورة بيئة التطوير:

    docker-compose build dev
   

2. ابدأ بيئة التطوير:

    docker-compose up dev
   

3. بناء صورة بيئة الإنتاج:

    docker-compose build app
   

4. بدء بيئة الإنتاج:

    docker-compose up app
   

قد يكون هذا هو الحال بالنسبة لك.

?تعيين APIKey

ابحث عن ملف .env.template في الدليل الجذر، وأزل لاحقة .template ، واستبدل VITE_OPENAI_API_KEY و VITE_UNSPLASH_ACCESS_KEY و VITE_GITHUB_CLIENT_ID و VITE_TTS_KEY و VITE_TTS_REGION بمفاتيحك الخاصة.

openai apikey: https://platform.openai.com/account/api-keys

unsplash apikey: https://unsplash.com/oauth/applications

جيثب أبيكي: https://github.com/settings/tokens

النص الأزرق السماوي: https://speech.microsoft.com/