extjs admin dashboard template

#Шаблон панели администратора

Этот шаблон панели администратора основан на оригинальном приложении, созданном в примерах ExtJS Framework. Идея состоит в том, чтобы использовать его как настоящий «шаблон» для создания приложения на основе исходного приложения панели администратора.

Если вы похожи на меня и пытались создать новое приложение на основе образца, но везде заканчивалось приложением «Администратор» (команда создания sencha не заменяла имя администратора правильным именем приложения), то этот репозиторий для вас. .

Просто клонируйте в каталог, а затем запустите команду (из платформы), чтобы создать новое приложение на основе этого шаблона, как показано ниже:

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

Наслаждаться!

Дайте мне знать о любых ваших предложениях и удачного кодирования.

сскобра

Оригинальный файл Readme

Панель администратора

Панель администратора — это шаблон приложения, который вы можете скопировать и адаптировать в соответствии с вашими конкретными потребностями. Хотя вы можете удалить файлы и папки, которые ваше приложение не использует, обязательно прочитайте ниже, прежде чем решить, что можно удалить, а что необходимо сохранить в системе контроля версий.

Следующие файлы необходимы для сборки и загрузки приложения.

• "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» смотрите в файле readme 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.

Переопределения

Содержимое папок «overrides» автоматически требуется и включается в сборки. Их не следует явно упоминать в «требованиях» или «использовании» кода. Эта область предназначена для таких переопределений:

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

Такие переопределения, хотя и требуются автоматически, будут включены только в том случае, если также требуется их целевой класс (в данном случае «Ext.foo.Bar»). Это упрощает применение исправлений или расширений к другим классам.