wocwin qiankun

wocwin-qiankun

التأثير النهائي

يقدم

تدرك بنية التطبيقات الصغيرة للواجهة الأمامية التي تم تنفيذها استنادًا إلى مكدس التكنولوجيا qiankun+vue2&vue3+Vite3+vite-plugin-qiankun التبديل بين التطبيقات الرئيسية والفرعية (نظرًا لعدم وجود واجهة اتصال، فإن مسارات تطبيقات vue2 الفرعية هي ثابت، في حين أن vue3 هو مسار طلب ديناميكي)، إذا كنت ترغب في تحقيق الاتصال بين التطبيقات الرئيسية والفرعية، فيمكنك الرجوع إلى هذه المدونة وإنشاء أمر نصي آلي بسيط، يمكنك استخدام سطر واحد من الأوامر للتثبيت والبدء وحزم ونشر تبعيات جميع التطبيقات الفرعية.

1. مقدمة للتطبيق الرئيسي

مكدس التكنولوجيا Vue-cli4+Vue2+Element-Ui+qiankun

2. مقدمة للتطبيق الفرعي wocwin-vue2

مكدس التكنولوجيا Vue-cli4+Vue2+Element-Ui+qiankun

3. مقدمة للتطبيق الفرعي wocwin-admin

مكدس التكنولوجيا Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + واجهة أمامية صغيرة (qiankun)

تشغيل المشروع

1. استنساخ المشروع

 // GitHub
git clone https: //github.com/wocwin/wocwin-qiankun.git

 // Gitee
git clone https: //gitee.com/wocwin/wocwin-qiankun.git

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

   npm install

3. بداية المشروع

   npm run start

4. تشغيل محليا

 // 1、运行完 npm run start
// 2、打开http://localhost:8100/ 进入主应用
// 3、逐个进入子应用（点击子应用左侧菜单栏logo可以回到主应用）
// 4、主应用的系统管理是所有应用的公共模板（用户、角色、菜单、部门、微前端、字典等）

5. إذا قمت بالدخول إلى التطبيق الرئيسي وقمت بالنقر للدخول إلى التطبيق الفرعي (قم بتسجيل الدخول إلى التطبيق الرئيسي أولاً، ثم قم بفتح علامة تبويب جديدة في المتصفح لإدخال كل تطبيق فرعي على حدة)

6. يتطلب النشر المحلي على الخادم تكوين NG (راجع: ملف nginx.conf)