extjs admin dashboard template

#نموذج لوحة تحكم المشرف

يستند قالب لوحة تحكم المشرف هذا إلى التطبيق الأصلي الذي تم إنشاؤه في أمثلة ExtJS Framework، والفكرة من ذلك هي استخدامه "كقالب" حقيقي لإنشاء تطبيق يعتمد على تطبيق Admin Dashboard الأصلي.

إذا كنت مثلي، وحاولت إنشاء تطبيق جديد استنادًا إلى العينة ولكن انتهى بك الأمر بتطبيق "المسؤول" في كل مكان (لم يستبدل أمر إنشاء sencha اسم المسؤول باسم التطبيق الصحيح) فهذا المستودع مناسب لك .

ما عليك سوى استنساخ الدليل ثم تشغيل الأمر (من إطار العمل) لإنشاء تطبيق جديد يعتمد على هذا القالب كما يلي:

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

يتمتع!

اسمحوا لي أن أعرف أي اقتراح قد يكون لديك وترميز سعيد

سيسكوبرا

الملف التمهيدي الأصلي

لوحة تحكم المشرف

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

جميع الملفات التالية مطلوبة لإنشاء التطبيق وتحميله.

• "app.js" - الملف الذي يقوم بتشغيل التطبيق. يُستخدم هذا بشكل أساسي لتشغيل مثيل لفئة Admin.Application .
• "app.json" - واصف التطبيق الذي يتحكم في كيفية إنشاء التطبيق وتحميله.
• "index.html" - صفحة الويب الافتراضية لهذا التطبيق. يمكن تخصيص هذا في "app.json" .
• "build.xml" - نقطة الدخول لـ Sencha Cmd للوصول إلى البرنامج النصي للإنشاء الذي تم إنشاؤه. هذا الملف هو المكان الذي يمكنك من خلاله ربط هذه العمليات وضبطها. راجع التعليقات الموجودة في هذا الملف لمزيد من المعلومات.
• ".sencha" - يحتوي هذا المجلد (المخفي عادةً) على نصوص الإنشاء وملفات التكوين الخاصة بالتطبيق. هذا المجلد مطلوب لإنشاء التطبيق ولكن محتواه لا يلزم تحريره في معظم الحالات. يتم تحديث محتوى هذا المجلد عن طريق "ترقية تطبيق sencha".

يمكن تجاهل هذه الملفات من التحكم بالمصادر حيث يتم إعادة إنشائها بواسطة عملية الإنشاء.

• "build" - يحتوي هذا المجلد على مخرجات البناء. يتم تخزين ملف CSS الذي تم إنشاؤه والموارد المدمجة وملف JavaScript المتسلسل في هذا المجلد.
• "bootstrap.*" - يتم إنشاء هذه الملفات بواسطة أوامر الإنشاء والمراقبة لتمكين تحميل التطبيق في "وضع التطوير".

مجلدات أخرى

هيكل التطبيق

هذا التطبيق هو تطبيق عالمي. تحتوي المجلدات التالية على التعليمات البرمجية والموارد وما إلى ذلك التي تتم مشاركتها بواسطة ملفات تعريف البناء الكلاسيكية والحديثة.

 app/                # Contains JavaScript code
    model/          # Data model classes
    view/           # Views as well as ViewModels and ViewControllers
    store/          # Data stores
    controller/     # Global / application-level controllers

overrides/          # JavaScript code that is automatically required

sass/
    etc/            # Misc Sass code (all.scss is imported by default)
    var/            # Sass variable and mixin declarations
    src/            # Sass rules

resources/          # Assets such as images, fonts, etc.

راجع ملف Sass التمهيدي للحصول على تفاصيل حول مجلد "sass".

يتم استخدام الدلائل الإضافية التالية لعزل التعليمات البرمجية والملفات الأخرى الخاصة بمجموعة الأدوات:

 classic/                # Content specific to the classic toolkit
    src/
        model/          # Data model classes
        view/           # Views as well as ViewModels and ViewControllers
        store/          # Data stores
        controller/     # Global / application-level controllers

    overrides/          # JavaScript code that is automatically required

    sass/
        etc/            # Misc Sass code (all.scss is imported by default)
        var/            # Sass variable and mixin declarations
        src/            # Sass rules

    resources/          # Assets such as images, fonts, etc.

modern/                 # Content specific to the modern toolkit
    src/
        model/          # Data model classes
        view/           # Views as well as ViewModels and ViewControllers
        store/          # Data stores
        controller/     # Global / application-level controllers

    overrides/          # JavaScript code that is automatically required

    sass/
        etc/            # Misc Sass code (all.scss is imported by default)
        var/            # Sass variable and mixin declarations
        src/            # Sass rules

    resources/          # Assets such as images, fonts, etc.

يتجاوز

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

 Ext.define('Admin.overrides.foo.Bar', {
    override: 'Ext.foo.Bar',
    ...
});

على الرغم من أن مثل هذه التجاوزات مطلوبة تلقائيًا، إلا أنها لن يتم تضمينها إلا إذا كانت الفئة المستهدفة ("Ext.foo.Bar" في هذه الحالة) مطلوبة أيضًا. وهذا يبسط تطبيق التصحيحات أو الامتدادات على الفئات الأخرى.