react admin tp

React-Admin-TP Management System System قالب مشروع

قوالب مشروع إدارة الخلفية من نوع React-typescript ، توجيه مدمج ديناميكي مدمج ، وهمية للبيانات ، Tailwindcss ، الوضع الليلي ، رقائق الخبز الديناميكية ، مكونات التنسيق المخصص. en

نظرة عامة على مشروع

أدوات بناء لاختيار WebPack Vite

يوصى باستخدام قالب السقالات React-TP-Cli

التبعيات الرئيسية

• البديهية
• آهوكس
• Tailwindcss
• تصميم النمل
• MOBX

التعبئة/التنمية ذات الصلة

• ملف الدخول التعبئة
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js تكوين عبوات مختلف البيئات
• طلب الوكيل devserver.proxy
• يمكن لـ SRC API request.TS إضافة منطق المعالجة المتعلق اعتراض الطلب

متغير البيئة

• .env متغير البيئة العالمية
• .env.xxxx متغيرات البيئة الديناميكية

新增环境需要在 scripts 里配置相应指令 cross-env NODE_ENV=(你的环境名)
环境变量文件 你的环境名.config.js .env.你的环境名 即可自动加载

تكوين التوجيه الديناميكي

 // 动态路由配置参考
GLOBAL_ROUTERS . APP_PAGE ;

// 调用这方法设置你的动态路由配置
store . setDynamicRoutes ( routerConfig ) ;

---

هيكل المشروع

• واجهة API ذات الصلة
• ملف الموارد الأصول
• المكونات المكون العام
• تكوين المعلمة العامة
• تخطيط التصميم العام
• بيانات محاكاة وهمية
• صفحة توجيه الصفحات
• جدول توجيه جهاز التوجيه المكون المضمّن
• محل
• الأنواع
• utils

تحتاج إلى تثبيت ESLINT ، أجمل ، Tailwind CSS Intellisnse Plug -in (تثبيت توصية Crack)
متغيرات البيئة وتكوين التغليف التحميل الديناميكي والتثبيت اعتماد المشروع قبل إرسال رمز للحفاظ على المشروع مرتبة
يمكن حذف الملفات ذات الصلة بالصفحة الرئيسية والتعليمات البناءة

الاعتماد على التثبيت

 // 没有pnpm的话先安装pnpm
npm i pnpm -g

// 安装依赖
pnpm i

تنشيط المشروع

 // dev
pnpm start

// pro
pnpm build

إذا كان لديك أي أسئلة ، فيرجى ذكر عنوان مستودع الإصدار لـ ISUE☹ Star ★