Sencha Ext JS est actuellement le cadre de développement d'applications JavaScript le plus avancé et le plus puissant au monde qui prend en charge multiplateforme et multi-appareils. Tout d'abord, jetons un coup d'œil à une brève histoire du développement d'EXT JS.
1 Une brève histoire du développement d'EXT JS
1. Jack Slocum, l'auteur de Yui-EXT, a l'intention de personnaliser la bibliothèque de l'interface utilisateur Yahoo (YUI) basée sur le protocole BSD, mais plus tard, il a une fois éclipsé son père Yui;
2. À la fin de 2006, YUI-EXT a été simplifié à EXT, reflétant sa maturité et son indépendance en tant que cadre. La société a été fondée au début de 2007 et EXT est désormais une double licence, en utilisant LGPL et une licence commerciale;
3. Le 1er avril 2007, la version officielle de 1.0 a été publiée et la version actuelle est de 6,0;
4. À partir de 4.0, l'architecture d'application de style MVC / MVVM et SCSS ont été introduits;
5. À partir de 5,0, les anciens navigateurs ne sont plus pris en charge, comme IE5, 6, 7, etc.;
6. À partir de 6.0, Sencha Touch et EXTJS sont combinés en un seul, ce qui indique que les utilisateurs peuvent développer des applications qui peuvent prendre en charge à la fois des ordinateurs de bureau et des tablettes traditionnels ou des téléphones portables.
2 Préparation du développement
1. Tout d'abord, vous devez télécharger le SDK Ext JS, télécharger la version officielle de EXTJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/. Si vous avez besoin d'une application commerciale, veuillez télécharger la version commerciale. Se décompresser au disque D.
2. Téléchargez l'outil Sencha. En supposant que JRE7 + n'est pas installé dans votre système, veuillez télécharger l'outil Sencha avec la version JRE et l'installer avec succès.
3 Création de projet
1. Ouvrez la ligne de commande avec l'administrateur et utilisez cd /dd:/ext-6.0.0 pour entrer le répertoire SDK
2. Utilisez le Sencha -Sdk ./ext-6.0.0 pour générer une commande app -classic cmmpwebui ./cmpwebui pour créer une application nommée cmmpwebui basée sur la version EXT-6.0.0, avec le chemin de projet de ./cmpwebui.
Générez le fichier de projet CMPWEBUI dans le répertoire D: /EXT-6.0.0. La structure des fichiers est la suivante:
3. Entrez le fichier du projet et utilisez l'application Sencha pour regarder l'aperçu du projet. Le numéro de port est 1841 par défaut. S'il est actuellement disponible, il sera incrémenté. Ici, le port est 1842
Entrez http: // localhost: 1842 / Dans le navigateur pour le prévisualiser. C'est différent de ce à quoi je m'attendais au début. Il contient des exemples officiels. Vous pouvez cliquer sur [Afficher l'exemple] pour le voir.
Alors, où sont les projets que vous avez créés vous-même? Vous pouvez entrer http: // localhost: 1842 / cmpwebui / pour le voir
4. Release du projet, compiler avec Sencha App Build
Une fois la compilation terminée, vous pouvez voir le projet publié dans le cadre du fichier de construction sous EXT-6.0.0.
5. Lorsque le projet IIS est publié, vous devez prêter attention à la configuration d'IIS pour analyser JSON, sinon le site Web ne sera pas prévisualisé.
Il est en fait très simple à exécuter. Tant que vous pouvez rendre le fichier * .json analysé par le serveur Web, IIS7 est utilisé comme exemple.
1) Installez le support IIS7 ASP
Panneau de configuration -> Programmes et fonctionnalités -> Allumez et éteignez les fonctionnalités Windows -> Rôles -> Ajouter des services de rôles -> Développement d'applications -> Sélectionnez ASP
2) Ajouter le type de mime au site Web par défaut
Ajouter -> l'extension de fichier est JSON, le type MIME est texte / json (ou application / x-javascript est également OK)
3) Installer la mappage du script pour le site Web par défaut
Mappage du gestionnaire -> Ajouter un mappage de script. Le chemin de demande est * .json, le fichier exécutable est% windir% / system32 / inetsrv / asp.dll, le nom est json
4) Ajouter index.html au document par défaut
5) Créez une application Senchatouch sous le site Web par défaut, qui s'appelle un répertoire virtuel sous IIS6.
6) Aperçu avec Chome (c'est-à-dire ne soutient pas)
Une fois la configuration terminée, vous pouvez voir qu'il existe un web supplémentaire. Config dans le dossier
Actualisez simplement la page Web:
L'article ci-dessus Sencha ext js 6 démarrage rapide (doit lire) est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.