أداة إعداد التقارير المرئية AJ-Report v1.4.2

AJ-Report عبارة عن منصة BI مفتوحة المصدر بالكامل مع شاشة عرض كبيرة رائعة يمكنها التحكم في ديناميكيات الأعمال في أي وقت وفي أي مكان، بحيث يتم دعم كل قرار بالبيانات.

يدعم مصادر بيانات متعددة وبرامج تشغيل mysql و Elasticsearch و kudu المضمنة، وهو يدعم مجموعات البيانات المخصصة ويلغي الحاجة إلى تطوير واجهة البيانات، وهو يدعم حاليًا 25 نوعًا من المكونات/المخططات ذات الشاشة الكبيرة للتطوير، يمكنك أيضًا إنشاء شاشات كبيرة وفقًا لمسودة التصميم.

أكمل تصميم الشاشة الكبيرة بسهولة في ثلاث خطوات: تكوين مصدر البيانات ----> كتابة مجموعة بيانات تكوين SQL ----> السحب والإفلات لتكوين الشاشة الكبيرة ----> الحفظ والنشر. مرحبا بكم في الخبرة.

نظرة عامة على الوظيفة

مقدمة المكون

تصميم الشاشة الكبيرة (AJ-Report) هو مشروع مفتوح المصدر بالكامل لتحرير السحب والإفلات المرئي وأدوات الرسوم البيانية البديهية والرائعة والذكية تقنيًا. تتضمن الوظائف الأساسية المضمنة مصادر البيانات ومجموعات البيانات وإدارة التقارير.

التكنولوجيا الأساسية

يعتمد

[ميسكل] 5.7

[جدك] 1.8

نهاية الطريق

Spring Boot2.3.5.RELEASE: Spring Boot هو إطار عمل جاهز يجعل تطبيقات Spring أخف وزنًا وأسرع للبدء. ويمكن تشغيله عن طريق تنفيذ الوظيفة الرئيسية في البرنامج الرئيسي. يمكنك أيضًا حزم تطبيقك على شكل جرة وتشغيل تطبيق الويب الخاص بك باستخدام java -jar؛

Mybatis-plus3.3.2: MyBatis-plus (MP للاختصار) هي أداة تحسين لـ MyBatis (يفتح نافذة جديدة).

flyway5.2.1: يستخدم بشكل أساسي لترقية بنية قاعدة البيانات الخاصة بك والبيانات الموجودة بداخلها أثناء ترقية التطبيق الخاص بك باستمرار.

الواجهة الأمامية

npm: أداة إدارة الحزم Node.js، تُستخدم لإدارة الحزم والمكونات الإضافية والأدوات والأوامر وما إلى ذلك بشكل موحد في مشاريعنا الأمامية لتسهيل التطوير والصيانة.

webpack: أداة تجميع الوحدات الثابتة لتطبيقات JavaScript الحديثة.

ES6: جافا سكريبت، اختصار لـ ECMAScript6. باستخدام ES6 يمكننا تبسيط كود JS الخاص بنا مع الاستفادة من الميزات القوية التي يوفرها لتنفيذ منطق JS بسرعة.

vue-cli: أداة سقالات Vue، تُستخدم لإنشاء أدلة وملفات لمشاريع Vue تلقائيًا.

vue-router: أداة توجيه الواجهة الأمامية التي توفرها Vue، نستخدمها لتنفيذ التحكم في توجيه الصفحة، والتحديث الجزئي والتحميل عند الطلب، وإنشاء تطبيقات صفحة واحدة، وتحقيق الفصل بين الواجهة الأمامية والخلفية.

element-ui: مجموعة من مكونات واجهة المستخدم الأمامية مفتوحة المصدر بناءً على إطار عمل MVVM Vue.

avue: بعد تغليفه بهذا المكون، يمكن تحويله إلى مكون سحب، باستخدام الموضع المطلق بالنسبة للفئة الأصلية، ويمكن أيضًا التحكم في الحركة باستخدام المفاتيح لأعلى ولأسفل ولليسار ولليمين في لوحة المفاتيح.

vue-echarts: vue-echarts عبارة عن مكون إضافي مغلف، تم تطويره استنادًا إلى ECharts v4.0.1+.

vue-superslide: Vue-SuperSlide (Github) هو غلاف Vue لـ SuperSlide.

vuedraggable: عبارة عن مكون إضافي للسحب والإسقاط يعتمد على Sortable.js.

Luckysheet: Luckysheet عبارة عن نموذج عبر الإنترنت يشبه برنامج Excel للواجهة الأمامية مع وظائف قوية وتكوين بسيط ومصدر مفتوح تمامًا.

مخطط تدفق البيانات