react drag
1.0.0
(هذا المشروع هو تصميم التخرج للمؤلف)
من خلال الأبحاث ذات الصلة حول أنظمة التحرير البصري ، والتفكير في سيناريوهات العمل ، والتجريد وتقسيم المكونات ، وما إلى ذلك ، نحن ملتزمون بحل مشاكل عدد قليل من المطورين الأماميين ، والمزيد من متطلبات الصفحة ، ومزيد من المتطلبات المتكررة ، وانخفاض قابلية إعادة الاستخدام. قم بتنفيذ نظام يعتمد على منصة تصور الواجهة الأمامية المستندة إلى React. يمكن للمنصة تزويد المستخدمين بوظيفة تحرير الصفحات الأمامية بصريًا وإنشاء رموز رد الفعل المقابلة. بالنسبة للفنيين ، يتوفر لإنشاء منصة بناء صفحات عالمية.
يستخدم الجزء الأمامي من هذا النظام تقنية React كإطار عرض. يستخدم النظام إطار عمل UMI لتوجيه التحكم ويستخدم DV لإدارة الدولة. يعتمد الواجهة الأمامية على Node.js كطبقة متوسطة لتقديمها على الخادم ، وبالتالي تحسين سرعة عرض الشاشة الأولى للصفحة. في جزء العرض الأمامي ، يتم إكماله من خلال الصفحات والتخطيطات والمكونات. في قسم إدارة الدولة ، تعاون مع النماذج وتوصيل طرق العرض بالبيانات من خلال Connect in DVA. في الوقت نفسه ، للطلبات الأمامية ، يتم تنفيذها من خلال طبقة الخدمات. ضع بعض الأساليب الشائعة الاستخدام تحت الأدوات. ضع المتغيرات ذات المعاني الخاصة المشتركة.
تتضمن وحدات هذا النظام بشكل أساسي خمس وحدات رئيسية: إدارة المستخدمين ، والإدارة التنظيمية ، وسحب الصفحة وتحرير الإسقاط ، ومعاينة الصفحة وتصديرها ، وإدارة المكونات. من بينها ، نظرًا لأن JWT يتم استخدامه كطريقة مصادقة تسجيل الدخول الأمامية والخلفية ، تتم إضافة وحدة مصادقة المستخدم. تتمثل العملية الوظيفية الأساسية للنظام في أن المستخدم يقوم بتسجيل الدخول إلى النظام ، يدخل منطقة تحرير الصفحة المرئية ، وتحديد المكونات لتحريرها ، وحفظ الصفحة إلى الخادم ، وإنشاء الكود ذات الصلة ، والحزم لإنشاء حزم مضغوطة مقابلة.
