extjs admin dashboard template

#관리 대시보드 템플릿

이 관리 대시보드 템플릿은 ExtJS 프레임워크의 예에서 만들어진 원본 앱을 기반으로 하며, 원본 관리 대시보드 앱을 기반으로 애플리케이션을 생성하기 위해 이를 실제 "템플릿"으로 사용하는 것이 아이디어입니다.

당신이 나와 같고 샘플을 기반으로 새 앱을 만들려고 했지만 모든 곳에서 "Admin" 앱으로 끝났다면(sencha generate 명령이 Admin 이름을 올바른 앱 이름으로 바꾸지 않았습니다) 이 저장소가 당신을 위한 것입니다. .

디렉터리에서 복제한 다음 프레임워크에서 명령을 실행하여 다음과 같이 이 템플릿을 기반으로 새 앱을 만듭니다.

 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 app 업그레이드"에 의해 업데이트됩니다.

이러한 파일은 빌드 프로세스에서 다시 생성되므로 소스 제어에서 무시될 수 있습니다.

• "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 Readme를 참조하세요.

다음 추가 디렉터리는 툴킷 관련 코드 및 기타 파일을 격리하는 데 사용됩니다.

 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")도 필요한 경우에만 포함됩니다. 이는 다른 클래스에 패치나 확장을 적용하는 것을 단순화합니다.