extjs admin dashboard template

#Modelo de painel de administração

Este Admin Dashboard Template é baseado no app original feito nos exemplos do ExtJS Framework, a ideia disso é utilizá-lo como um verdadeiro "template" para gerar uma aplicação baseada no app Admin Dashboard original.

Se você é como eu e tentou fazer um novo aplicativo baseado no exemplo, mas terminou com um aplicativo "Admin" em todos os lugares (o comando sencha generate não substituiu o nome Admin pelo nome correto do aplicativo), então este repositório é para você .

Basta clonar em um diretório e então executar o comando (do framework) para criar um novo App baseado neste template da seguinte forma:

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

Aproveitar!

Deixe-me saber qualquer sugestão que você possa ter e boa codificação

syscobra

Leia-me original

Painel de administração

O Admin Dashboard é um modelo de aplicativo que você pode copiar e adaptar para atender às suas necessidades específicas. Embora você possa remover os arquivos e pastas que seu aplicativo não usa, leia abaixo antes de decidir o que pode ser excluído e o que precisa ser mantido no controle de origem.

Os arquivos a seguir são necessários para construir e carregar o aplicativo.

• "app.js" – O arquivo que inicia o aplicativo. Isso é usado principalmente para iniciar uma instância da classe Admin.Application .
• "app.json" - O descritor do aplicativo que controla como o aplicativo é criado e carregado.
• "index.html" - A página da web padrão para este aplicativo. Isso pode ser personalizado em "app.json" .
• "build.xml" - O ponto de entrada do Sencha Cmd para acessar o script de construção gerado. Este arquivo é um lugar onde você pode se conectar a esses processos e ajustá-los. Veja os comentários nesse arquivo para obter mais informações.
• ".sencha" - Esta pasta (normalmente oculta) contém os scripts de construção gerados e os arquivos de configuração para o aplicativo. Esta pasta é necessária para construir o aplicativo, mas seu conteúdo não precisa ser editado na maioria dos casos. O conteúdo desta pasta é atualizado por "sencha app upgrade".

Esses arquivos podem ser ignorados no controle de origem, pois são regenerados pelo processo de compilação.

• "build" - Esta pasta contém a saída do build. O arquivo CSS gerado, os recursos consolidados e o arquivo JavaScript concatenado são todos armazenados nesta pasta.
• "bootstrap.*" - Esses arquivos são gerados pelos comandos build e watch para permitir que o aplicativo seja carregado no "modo de desenvolvimento".

Outras pastas

Estrutura do aplicativo

Este aplicativo é um aplicativo universal. As pastas a seguir contêm o código, os recursos etc. que são compartilhados pelos perfis de construção Clássico e 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 o leia-me do Sass para obter detalhes sobre a pasta "sass".

Os diretórios adicionais a seguir são usados ​​para isolar código e outros arquivos específicos do kit de ferramentas:

 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.

Substituições

O conteúdo das pastas "substituições" é automaticamente necessário e incluído nas compilações. Eles não devem ser mencionados explicitamente em “requires” ou “uses” no código. Esta área é destinada a substituições como estas:

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

Tais substituições, embora automaticamente obrigatórias, só serão incluídas se sua classe de destino ("Ext.foo.Bar" neste caso) também for necessária. Isso simplifica a aplicação de patches ou extensões a outras classes.