extjs admin dashboard template
1.0.0
#Admin-Dashboard-Vorlage
Diese Admin-Dashboard-Vorlage basiert auf der Original-App, die in den Beispielen des ExtJS-Frameworks erstellt wurde. Die Idee dabei ist, sie als echte „Vorlage“ zu verwenden, um eine Anwendung basierend auf der ursprünglichen Admin-Dashboard-App zu generieren.
Wenn Sie wie ich sind und versucht haben, eine neue App basierend auf dem Beispiel zu erstellen, aber überall eine „Admin“-App angezeigt bekamen (der Befehl „sencha generic“ hat den Admin-Namen nicht durch den korrekten App-Namen ersetzt), dann ist dieses Repository genau das Richtige für Sie .
Klonen Sie einfach in ein Verzeichnis und führen Sie dann den Befehl (aus dem Framework) aus, um eine neue App basierend auf dieser Vorlage wie folgt zu erstellen:
sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App
Genießen!
Teilen Sie mir Ihre Vorschläge mit und viel Spaß beim Codieren
Syscobra
Das Admin-Dashboard ist eine Anwendungsvorlage, die Sie kopieren und an Ihre spezifischen Bedürfnisse anpassen können. Sie können zwar die Dateien und Ordner entfernen, die Ihre Anwendung nicht verwendet, lesen Sie sich aber unbedingt die folgenden Informationen durch, bevor Sie entscheiden, was gelöscht werden kann und was in der Quellcodeverwaltung verbleiben muss.
Die folgenden Dateien werden alle zum Erstellen und Laden der Anwendung benötigt.
"app.js" – Die Datei, die die Anwendung startet. Dies wird hauptsächlich zum Starten einer Instanz der Admin.Application -Klasse verwendet."app.json" – Der Anwendungsdeskriptor, der steuert, wie die Anwendung erstellt und geladen wird."index.html" – Die Standardwebseite für diese Anwendung. Dies kann in "app.json" angepasst werden."build.xml" – Der Einstiegspunkt für Sencha Cmd, um auf das generierte Build-Skript zuzugreifen. Diese Datei ist ein Ort, an dem Sie sich in diese Prozesse einklinken und sie optimieren können. Weitere Informationen finden Sie in den Kommentaren in dieser Datei.".sencha" – Dieser (normalerweise versteckte) Ordner enthält die generierten Build-Skripte und Konfigurationsdateien für die Anwendung. Dieser Ordner ist zum Erstellen der Anwendung erforderlich, sein Inhalt sollte jedoch in den meisten Fällen nicht bearbeitet werden müssen. Der Inhalt dieses Ordners wird durch „sencha app upgrade“ aktualisiert.Diese Dateien können von der Quellcodeverwaltung ignoriert werden, da sie vom Build-Prozess neu generiert werden.
"build" – Dieser Ordner enthält die Ausgabe des Builds. Die generierte CSS-Datei, die konsolidierten Ressourcen und die verkettete JavaScript-Datei werden alle in diesem Ordner gespeichert."bootstrap.*" – Diese Dateien werden von den Build- und Watch-Befehlen generiert, um das Laden der Anwendung im „Entwicklungsmodus“ zu ermöglichen.Diese Anwendung ist eine universelle Anwendung. Die folgenden Ordner enthalten den Code, die Ressourcen usw., die sowohl von den Build-Profilen Classic als auch Modern gemeinsam genutzt werden.
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.
Einzelheiten zum Ordner „sass“ finden Sie in der Sass-Readme-Datei.
Die folgenden zusätzlichen Verzeichnisse werden zum Isolieren von Code und anderen Toolkit-spezifischen Dateien verwendet:
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.
Der Inhalt von „overrides“-Ordnern wird automatisch benötigt und in Builds einbezogen. Diese sollten nicht explizit in „requires“ oder „uses“ im Code erwähnt werden. Dieser Bereich ist für Überschreibungen wie diese vorgesehen:
Ext.define('Admin.overrides.foo.Bar', {
override: 'Ext.foo.Bar',
...
});
Solche Überschreibungen sind zwar automatisch erforderlich, werden jedoch nur dann einbezogen, wenn ihre Zielklasse (in diesem Fall „Ext.foo.Bar“) ebenfalls erforderlich ist. Dies vereinfacht die Anwendung von Patches oder Erweiterungen auf andere Klassen.
