Sencha Ext JS ist derzeit das fortschrittlichste und leistungsstärkste JavaScript-Anwendungsentwicklungsrahmen der Welt, das Multi-Plattform- und Multi-Geräte unterstützt. Schauen wir uns zunächst eine kurze Geschichte der Entwicklung von Ext Js an.
1 Eine kurze Geschichte der Entwicklung von ext js
1. Jack Slocum, der Autor von Yui-EXED, beabsichtigt, die YUI-Bibliothek (Yahoo User Interface) anhand des BSD-Protokolls anzupassen, aber später überschattete er seinen Vater Yui einmal;
2. Ende 2006 wurde Yui-EXTS zu Ext vereinfacht, was ihre Reife und Unabhängigkeit als Rahmen widerspiegelt. Das Unternehmen wurde Anfang 2007 gegründet und EXT ist jetzt eine Doppellizenz mit LGPL und einer Geschäftslizenz.
3. Am 1. April 2007 wurde die offizielle Version von 1.0 veröffentlicht und die aktuelle Version 6,0;
4. Ab 4,0 wurden die Anwendungsarchitektur im MVC/MVVM -Stil und die SCSS eingeführt;
5. Ab 5,0 werden alte Browser nicht mehr unterstützt, wie z. B. IE5, 6, 7 usw.;
6. Ab 6,0 werden Sencha Touch und ExtJs zu einem kombiniert, was darauf hinweist, dass Benutzer Anwendungen entwickeln können, die sowohl herkömmliche Desktops als auch Tablets oder Mobiltelefone unterstützen können.
2 Entwicklungsvorbereitung
1. Erstens müssen Sie das Ext -JS -SDK herunterladen und die offizielle Version von ExtJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/ herunterladen. Wenn Sie eine kommerzielle Bewerbung benötigen, laden Sie die kommerzielle Version herunter. Zu diskutieren D.
2. Download Sencha Tool. Unter der Annahme, dass JRE7+ nicht in Ihrem System installiert ist, laden Sie das Sencha -Tool mit JRE -Version herunter und installieren Sie es erfolgreich.
3 Projekterstellung
1. Öffnen Sie die Befehlszeile mit dem Administrator und verwenden Sie CD /dd:/ext-6.0.0, um das SDK-Verzeichnis einzugeben
2. Verwenden Sie die Sencha -sdk ./ext -6.0.0, um App -Classic cmmpwebui ./CMPWebui -Befehl zu generieren, um eine App namens CMMPWebui basierend auf der OTT -6.0.0 -Version mit dem Projektpfad von ./Cmpwebui zu erstellen.
Generieren Sie die CMPWebui-Projektdatei in Verzeichnis d: /ext-6.0.0. Die Dateistruktur lautet wie folgt:
3. Geben Sie die Projektdatei ein und verwenden Sie die Sencha -App, um die Projektvorschau zu sehen . Die Portnummer ist standardmäßig 1841. Wenn es derzeit verfügbar ist, wird es inkrementiert. Hier ist der Hafen 1842
Geben Sie http: // localhost: 1842/im Browser ein, um die Vorschau zu erhalten. Es unterscheidet sich von dem, was ich am Anfang erwartet hatte. Es enthält offizielle Beispiele. Sie können auf [das Beispiel anzeigen] klicken, um es anzuzeigen.
Wo sind also die Projekte, die Sie selbst erstellt haben? Sie können http: // localhost: 1842/cmpwebui/um es anzeigen
4. Projektveröffentlichung, kompilieren Sie mit Sencha App Build
Nach Abschluss der Zusammenstellung können Sie das veröffentlichte Projekt unter der Build-Datei unter Ext-6.0.0 sehen.
5. Wenn das IIS -Projekt veröffentlicht wird, müssen Sie auf die Konfiguration von IIS auf JSON achten. Andernfalls wird die Website nicht in der Vorschau aufgenommen.
Es ist tatsächlich sehr einfach zu laufen. Solange Sie die vom Webserver analysierte *.json -Datei analysieren können, wird IIS7 als Beispiel verwendet.
1) Installieren Sie den IIS7 ASP -Support
Bedienfeld -> Programme und Funktionen -> Ein- und Ausschalten von Windows -Funktionen -> Rollen -> Rollendienste hinzufügen -> Anwendungsentwicklung -> ASP auswählen
2) Fügen Sie der Standardwebsite einen MIME -Typ hinzu
Add-> Dateierweiterung ist JSON, MIME-Typ ist Text/JSON (oder Anwendung/X-JavaScript ist auch in Ordnung)
3) Installieren Sie die Skriptzuordnung für die Standardwebsite
Handler -Mapping -> Skriptzuordnung hinzufügen. Der Anforderungspfad ist *.json, die ausführbare Datei ist %wintenzussiert/system32/inetsrv/Asp.dll, der Name Json ist
4) Fügen Sie dem Standarddokument index.html hinzu
5) Erstellen Sie unter der Standard -Website, die unter IIS6 als virtuelles Verzeichnis bezeichnet wird.
6) Vorschau mit Chome (dh nicht unterstützt)
Nach Abschluss der Konfiguration sehen Sie, dass im Ordner ein zusätzliches Web.config vorhanden ist
Aktualisieren Sie einfach die Webseite:
Der oben genannte Artikel Sencha Ext JS 6 Schnellstart (Muss lesen) ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.