extjs admin dashboard template

Modèle de tableau de bord #Admin

Ce modèle de tableau de bord d'administration est basé sur l'application originale créée dans les exemples d'ExtJS Framework. L'idée est de l'utiliser comme un véritable "modèle" pour générer une application basée sur l'application d'origine du tableau de bord d'administration.

Si vous êtes comme moi et que vous avez essayé de créer une nouvelle application basée sur l'exemple mais que vous avez terminé avec une application "Admin" partout (la commande sencha generate n'a pas remplacé le nom de l'administrateur par le nom d'application correct), alors ce référentiel est fait pour vous. .

Clonez simplement dans un répertoire, puis exécutez la commande (à partir du framework) pour créer une nouvelle application basée sur ce modèle comme suit :

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

Apprécier!

Faites-moi part de vos suggestions et bon codage

Syscobra

Fichier Lisez-moi d'origine

Tableau de bord d'administration

Le tableau de bord d'administration est un modèle d'application que vous pouvez copier et adapter en fonction de vos besoins spécifiques. Bien que vous puissiez supprimer les fichiers et dossiers que votre application n'utilise pas, assurez-vous de lire ci-dessous avant de décider ce qui peut être supprimé et ce qui doit être conservé dans le contrôle de code source.

Les fichiers suivants sont tous nécessaires pour créer et charger l'application.

• "app.js" - Le fichier qui lance l'application. Ceci est principalement utilisé pour lancer une instance de la classe Admin.Application .
• "app.json" - Le descripteur d'application qui contrôle la façon dont l'application est créée et chargée.
• "index.html" - La page Web par défaut de cette application. Cela peut être personnalisé dans "app.json" .
• "build.xml" - Le point d'entrée permettant à Sencha Cmd d'accéder au script de build généré. Ce fichier est un endroit où vous pouvez vous connecter à ces processus et les régler. Voir les commentaires dans ce fichier pour plus d'informations.
• ".sencha" - Ce dossier (généralement caché) contient les scripts de build et les fichiers de configuration générés pour l'application. Ce dossier est requis pour créer l'application, mais son contenu ne doit pas avoir besoin d'être modifié dans la plupart des cas. Le contenu de ce dossier est mis à jour par « sencha app update ».

Ces fichiers peuvent être ignorés du contrôle de source car ils sont régénérés par le processus de construction.

• "build" - Ce dossier contient la sortie de la build. Le fichier CSS généré, les ressources consolidées et le fichier JavaScript concaténé sont tous stockés dans ce dossier.
• "bootstrap.*" - Ces fichiers sont générés par les commandes build et watch pour permettre à l'application de se charger en "mode développement".

Autres dossiers

Structure des candidatures

Cette application est une application universelle. Les dossiers suivants contiennent le code, les ressources, etc. partagés par les profils de build Classique et Moderne.

 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.

Consultez le fichier Lisez-moi Sass pour plus de détails sur le dossier "sass".

Les répertoires supplémentaires suivants sont utilisés pour isoler le code et les autres fichiers spécifiques au kit d'outils :

 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.

Remplacements

Le contenu des dossiers « overrides » est automatiquement requis et inclus dans les builds. Ceux-ci ne doivent pas être explicitement mentionnés dans les « nécessite » ou les « utilisations » du code. Cette zone est destinée aux remplacements comme ceux-ci :

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

De tels remplacements, bien que automatiquement requis, ne seront inclus que si leur classe cible ("Ext.foo.Bar" dans ce cas) est également requise. Cela simplifie l'application de correctifs ou d'extensions à d'autres classes.