extjs admin dashboard template

#管理者ダッシュボード テンプレート

この管理者ダッシュボード テンプレートは、ExtJS フレームワークのサンプルで作成された元のアプリに基づいています。これのアイデアは、それを実際の「テンプレート」として使用して、元の管理者ダッシュボード アプリに基づいてアプリケーションを生成することです。

あなたが私と同じで、サンプルに基づいて新しいアプリを作成しようとしたものの、どこでも「管理者」アプリで終わった場合 (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" - このアプリケーションのデフォルトの Web ページ。これは"app.json"でカスタマイズできます。
• "build.xml" - 生成されたビルド スクリプトにアクセスするための Sencha Cmd のエントリ ポイント。このファイルは、これらのプロセスに接続して調整できる場所です。詳細については、そのファイル内のコメントを参照してください。
• ".sencha" - この (通常は非表示の) フォルダーには、アプリケーション用に生成されたビルド スクリプトと構成ファイルが含まれます。このフォルダーはアプリケーションを構築するために必要ですが、ほとんどの場合、その内容を編集する必要はありません。このフォルダーの内容は「senchaアプリのアップグレード」により更新されます。

これらのファイルはビルド プロセスによって再生成されるため、ソース管理から無視できます。

• "build" - このフォルダーにはビルドの出力が含まれます。生成された CSS ファイル、統合されたリソース、および連結された JavaScript ファイルはすべてこのフォルダーに保存されます。
• "bootstrap.*" - これらのファイルは、アプリケーションを「開発モード」でロードできるようにするために、build コマンドと watch コマンドによって生成されます。

その他のフォルダー

アプリケーションの構造

このアプリケーションはユニバーサルアプリケーションです。次のフォルダーには、クラシック ビルド プロファイルとモダン ビルド プロファイルの両方で共有されるコード、リソースなどが含まれています。

 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.

オーバーライド

「オーバーライド」フォルダーの内容は自動的に必須となり、ビルドに含まれます。これらは、コード内の「requires」または「uses」で明示的に言及されるべきではありません。この領域は、次のようなオーバーライドを目的としています。

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

このようなオーバーライドは自動的に必須ですが、ターゲット クラス (この場合は「Ext.foo.Bar」) も必要な場合にのみ組み込まれます。これにより、他のクラスへのパッチや拡張機能の適用が簡単になります。