الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

Vite + Vue3 + Antd + TyperScript Management الخلفية إطار عمل بسيط

؟ مقدمة

Vue-Cownfish-Admin هو إطار بسيط للواجهة الأمامية لإدارة الواجهة الخلفية من خلال أحدث مكدس تقنية من VUE. استنادًا إلى VUE3 ، يتم تنفيذ المكتبة الأساسية لأحدث النظام البيئي لـ VUE3 المدمج. المداخن الفنية الرئيسية هي ES2015+، TypeScript ، Vue3 ، Pinia ، Vue-Router ، Vite ، Antd ، معرفة أن هذه التقنيات ستجعل من السهل عليك بدء هذا المشروع. يعتمد vue3 vite تطوير.

المزايا؟

  • استخدم تقريبًا أحدث تطوير تقنية (Vite ، Vue3 ، TS ، Pinia)
  • يمكن تبديل فصل مكون التخطيط بسهولة واستبدال المكون
  • قالب خفيف الوزن ، تكلفة التعلم المنخفضة

وظائف رئيسية؟

  • قم بإنشاء قائمة الشريط الجانبي بشكل ديناميكي (دعم الارتباطات المتعددة الطبقات والروابط الخارجية)
  • توليد ديناميكي حطام الخبز
  • صفحات علامة تبويب التنقل (فرز السحب ، قم بربط القائمة البوب ​​-up ، تحديث الصفحة ، إلخ)
  • تدعم قائمة الشريط الجانبي ، فتات الخبز ، وعلامات التبويب ، رمز الرمز (أيقونة antd و SVG)
  • استنادًا إلى صفحة ذاكرة التخزين المؤقت الديناميكية للتكوين
  • صفحة التوجيه الديناميكية
  • قائمة ديناميكية
  • تهيئة أذونات التوجيه
  • إضافة بادئة تلقائيًا إلى رمز CSS لجعل الأنماط تتكيف مع متصفحات مختلفة
  • دعم استخدام JSX/TSX للتنمية
  • دعم واجهة محاكاة وهمية
  • تكوين متعدد الأسماء

تحضير تطوير 

 # 克隆项目
git clone https://github.com/1esse/vue-clownfish-admin.git

# 进入目录
cd vue-clownfish-admin

# 下载依赖包
npm install # 使用npm
yarn # 使用yarn

# 启动项目
npm run dev # 使用npm
yarn dev # 使用yarn

القيادة؟

  • ديف: التنمية المحلية
  • المرحلة: تطوير البيئة قبل الإفراج
  • بناء: رمز عنصر التغليف
  • الإنشاء: المرحلة: تعبئة رمز البيئة قبل الإفراج
  • معاينة: معاينة العناصر بعد التعبئة

• قد يكون فهمها مفيدًا

  1. لا تحتاج إلى تمديد SRC/المكونات ، مكونات Antd ، أيقونات ANTD (باستثناء TSX).
  2. لا تتطلب Vue و Pinia و Vue-Router و SRC/Utils والوظائف بموجب SRC/Composable استيراد صريح (يمكن تكوينه على vite.config.ts).
  3. ليست هناك حاجة للتكيف مع متصفحات متعددة مثل Flex و Grid وغيرها من أنماط CSS ، وتم تجهيز الإطار بالتكيف التلقائي.
  4. يوصى باستخدام معظم المشاهد لاستخدام REM بدلاً من PX لتكييف شاشات دقة مختلفة.

؟ آخر

معاينة عبر الإنترنت

المعاينة عبر الإنترنت (زيارة الشبكة المحلية)

عنوان جيتي

نسخة الإلكترون

إصدار ElementPlus

؟ رخصة

رخصة معهد ماساتشوستس للتكنولوجيا

حقوق الطبع والنشر © 2022-Present Zhaojiexin

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل