extjs admin dashboard template

#Admin 儀表板模板

此管理儀表板範本基於 ExtJS 框架範例中製作的原始應用程序，其想法是使用它作為真正的「範本」來產生基於原始管理儀表板應用程式的應用程式。

如果您像我一樣，請嘗試根據示例創建一個新應用程序，但最終到處都是“管理員”應用程式（sencha 生成命令沒有用正確的應用程式名稱替換管理員名稱），那麼這個存儲庫適合您。

只需克隆到一個目錄中，然後運行命令（從框架）即可基於此模板創建一個新應用程序，如下所示：

 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 自述文件。

以下附加目錄用於隔離特定於工具包的程式碼和其他檔案：

 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”）時才會包含。這簡化了對其他類別套用補丁或擴充。