extjs admin dashboard template

Templat Dasbor #Admin

Templat Dasbor Admin ini didasarkan pada aplikasi asli yang dibuat dengan contoh Kerangka ExtJS, idenya adalah menggunakannya sebagai "templat" nyata untuk menghasilkan aplikasi berdasarkan aplikasi Dasbor Admin asli.

Jika Anda seperti saya, dan mencoba membuat aplikasi baru berdasarkan sampel tetapi diakhiri dengan aplikasi "Admin" di mana-mana (perintah sencha generate tidak mengganti nama Admin dengan Nama Aplikasi yang benar) maka repositori ini cocok untuk Anda .

Cukup kloning di direktori lalu jalankan perintah (dari kerangka kerja) untuk membuat Aplikasi baru berdasarkan templat ini sebagai berikut:

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

Menikmati!

Beri tahu saya saran apa pun yang Anda miliki dan selamat membuat kode

syscobra

Bacaan Asli

Dasbor Admin

Dasbor Admin adalah templat aplikasi untuk Anda salin dan sesuaikan dengan kebutuhan spesifik Anda. Meskipun Anda dapat menghapus file dan folder yang tidak digunakan aplikasi Anda, pastikan untuk membaca di bawah ini sebelum memutuskan apa yang dapat dihapus dan apa yang perlu disimpan dalam kendali sumber.

Semua file berikut diperlukan untuk membangun dan memuat aplikasi.

• "app.js" - File yang meluncurkan aplikasi. Ini terutama digunakan untuk meluncurkan sebuah instance dari kelas Admin.Application .
• "app.json" - Deskriptor aplikasi yang mengontrol cara aplikasi dibuat dan dimuat.
• "index.html" - Halaman web default untuk aplikasi ini. Ini dapat dikustomisasi di "app.json" .
• "build.xml" - Titik masuk Sencha Cmd untuk mengakses skrip build yang dihasilkan. File ini adalah tempat di mana Anda dapat terhubung ke proses-proses ini dan menyetelnya. Lihat komentar di file itu untuk informasi lebih lanjut.
• ".sencha" - Folder ini (biasanya tersembunyi) berisi skrip build dan file konfigurasi yang dihasilkan untuk aplikasi tersebut. Folder ini diperlukan untuk membangun aplikasi tetapi isinya tidak perlu diedit dalam banyak kasus. Isi folder ini diperbarui oleh "peningkatan aplikasi sencha".

File-file ini dapat diabaikan dari kontrol sumber karena dibuat ulang oleh proses pembangunan.

• "build" - Folder ini berisi output dari build. File CSS yang dihasilkan, sumber daya gabungan, dan file JavaScript gabungan semuanya disimpan dalam folder ini.
• "bootstrap.*" - File-file ini dihasilkan oleh perintah build dan watch untuk memungkinkan aplikasi dimuat dalam "mode pengembangan".

Folder Lainnya

Struktur Aplikasi

Aplikasi ini merupakan Aplikasi Universal. Folder berikut berisi kode, sumber daya, dll. yang digunakan bersama oleh profil build Klasik dan Modern.

 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.

Lihat Sass readme untuk rincian tentang folder "sass".

Direktori tambahan berikut digunakan untuk mengisolasi kode dan file lain yang spesifik untuk toolkit:

 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.

Penggantian

Isi folder "override" secara otomatis diperlukan dan disertakan dalam build. Ini tidak boleh disebutkan secara eksplisit dalam "membutuhkan" atau "menggunakan" dalam kode. Area ini dimaksudkan untuk penggantian seperti ini:

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

Penggantian tersebut, meskipun diperlukan secara otomatis, hanya akan disertakan jika kelas targetnya ("Ext.foo.Bar" dalam kasus ini) juga diperlukan. Ini menyederhanakan penerapan patch atau ekstensi ke kelas lain.