extjs admin dashboard template

#Plantilla de panel de administración

Esta plantilla de panel de administración se basa en la aplicación original creada en los ejemplos de ExtJS Framework, la idea de esto es usarla como una "plantilla" real para generar una aplicación basada en la aplicación de panel de administración original.

Si es como yo e intentó crear una nueva aplicación basada en la muestra pero terminó con una aplicación "Administrador" en todas partes (el comando generar sencha no reemplazó el nombre del administrador con el nombre correcto de la aplicación), entonces este repositorio es para usted. .

Simplemente clone en un directorio y luego ejecute el comando (desde el marco) para crear una nueva aplicación basada en esta plantilla de la siguiente manera:

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

¡Disfrutar!

Déjame saber cualquier sugerencia que puedas tener y feliz codificación.

sistemabra

Léame original

Panel de administración

El Panel de administración es una plantilla de aplicación que puede copiar y adaptar según sus necesidades específicas. Si bien puede eliminar los archivos y carpetas que su aplicación no utiliza, asegúrese de leer a continuación antes de decidir qué se puede eliminar y qué se debe mantener en el control de código fuente.

Todos los archivos siguientes son necesarios para crear y cargar la aplicación.

• "app.js" : el archivo que inicia la aplicación. Esto se utiliza principalmente para iniciar una instancia de la clase Admin.Application .
• "app.json" : el descriptor de la aplicación que controla cómo se crea y carga la aplicación.
• "index.html" : la página web predeterminada para esta aplicación. Esto se puede personalizar en "app.json" .
• "build.xml" : el punto de entrada para que Sencha Cmd acceda al script de compilación generado. Este archivo es un lugar donde puede conectarse a estos procesos y ajustarlos. Consulte los comentarios en ese archivo para obtener más información.
• ".sencha" : esta carpeta (normalmente oculta) contiene los scripts de compilación generados y los archivos de configuración para la aplicación. Esta carpeta es necesaria para crear la aplicación, pero en la mayoría de los casos no es necesario editar su contenido. El contenido de esta carpeta se actualiza mediante la "actualización de la aplicación sencha".

Estos archivos se pueden ignorar desde el control de código fuente a medida que el proceso de compilación los regenera.

• "build" : esta carpeta contiene el resultado de la compilación. El archivo CSS generado, los recursos consolidados y el archivo JavaScript concatenado se almacenan en esta carpeta.
• "bootstrap.*" : estos archivos se generan mediante los comandos de compilación y vigilancia para permitir que la aplicación se cargue en "modo de desarrollo".

Otras carpetas

Estructura de la aplicación

Esta aplicación es una Aplicación Universal. Las siguientes carpetas contienen el código, los recursos, etc. que comparten los perfiles de compilación Clásico y Moderno.

 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.

Consulte el archivo Léame de Sass para obtener detalles sobre la carpeta "sass".

Los siguientes directorios adicionales se utilizan para aislar código y otros archivos específicos del kit de herramientas:

 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.

Anulaciones

El contenido de las carpetas "anulaciones" se requiere e incluye automáticamente en las compilaciones. Estos no deben mencionarse explícitamente en "requiere" o "usa" en el código. Esta área está destinada a anulaciones como estas:

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

Dichas anulaciones, aunque se requieren automáticamente, solo se incluirán si su clase de destino ("Ext.foo.Bar" en este caso) también es necesaria. Esto simplifica la aplicación de parches o extensiones a otras clases.