Sencha Ext JS es actualmente el marco de desarrollo de aplicaciones JavaScript más avanzado del mundo que admite multiplataforma y múltiples dispositivos. Primero, echemos un vistazo a una breve historia del desarrollo de Ext JS.
1 Una breve historia del desarrollo de Ext JS
1. Jack Slocum, el autor de Yui-Ext, tiene la intención de personalizar la biblioteca de la interfaz de usuario de Yahoo (YUI) basada en el protocolo BSD, pero luego una vez eclipsó a su padre Yui;
2. A finales de 2006, Yui-EXT se simplificó a Ext, lo que refleja su madurez e independencia como marco. La compañía fue fundada a principios de 2007 y EXT ahora es una licencia dual, utilizando LGPL y una licencia comercial;
3. El 1 de abril de 2007, se lanzó la versión oficial de 1.0, y la versión actual es 6.0;
4. A partir de 4.0, se introdujeron la arquitectura de aplicaciones de estilo MVC/MVVM y SCSS;
5. A partir de 5.0, los viejos navegadores ya no son compatibles, como IE5, 6, 7, etc.;
6. A partir de 6.0, Sencha Touch y ExtJs se combinan en uno, lo que indica que los usuarios pueden desarrollar aplicaciones que puedan admitir escritorios y tabletas o teléfonos móviles tradicionales.
2 Preparación de desarrollo
1. Primero, debe descargar el Ext JS SDK, descargue la versión oficial de ExtJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/. Si necesita una aplicación comercial, descargue la versión comercial. Descomprimirse al disco D.
2. Descargue la herramienta Sencha. Suponiendo que JRE7+ no está instalado en su sistema, descargue la herramienta Sencha con la versión JRE e instálela con éxito.
3 Creación de proyectos
1. Abra la línea de comando con el administrador y use cd /dd:/ext-6.0.0 para ingresar el directorio SDK
2. Use el sencha -sdk ./ext-6.0.0 para generar la aplicación CMMPWEBUI ./CMPWEBUI para crear una aplicación llamada CMMPWEBUI basada en la versión EXT -6.0.0, con la ruta del proyecto de ./CMPWEBUI.
Genere el archivo del proyecto CMPWebui en el directorio D: /ext-6.0.0. La estructura del archivo es la siguiente:
3. Ingrese el archivo del proyecto y use la aplicación Sencha para ver la vista previa del proyecto. El número de puerto es 1841 de forma predeterminada. Si está disponible actualmente, se incrementará. Aquí el puerto es 1842
Ingrese http: // localhost: 1842/en el navegador para obtener una vista previa. Es diferente de lo que esperaba al principio. Contiene ejemplos oficiales. Puede hacer clic en [Ver el ejemplo] para verlo.
Entonces, ¿dónde están los proyectos que creó usted mismo? Puede ingresar http: // localhost: 1842/cmpwebui/para verlo
4. Lanzamiento del proyecto, compilar con la aplicación de la aplicación Sencha
Después de completar la compilación, puede ver el proyecto publicado en el archivo de compilación en Ext-6.0.0.
5. Cuando se lanza el proyecto IIS, debe prestar atención a la configuración de IIS para analizar JSON, de lo contrario, el sitio web no se verá previamente.
En realidad es muy simple de ejecutar. Siempre que pueda hacer que el archivo *.json analice el servidor web, IIS7 se usa como ejemplo.
1) Instale el soporte ASP IIS7
Panel de control -> Programas y características -> activar y desactivar las características de Windows -> roles -> Agregar servicios de roles -> Desarrollo de aplicaciones -> Seleccionar ASP
2) Agregue el tipo de MIME al sitio web predeterminado
Agregar-> La extensión del archivo es JSON, MIME Tipo es Text/JSON (o Application/X-JavaScript también está bien)
3) Instale la asignación de script para el sitio web predeterminado
Mapeo de controladores -> Agregar asignación de script. La ruta de solicitud es *.json, el archivo ejecutable es %windir %/system32/inetsrv/asp.dll, el nombre es JSON
4) Agregar index.html al documento predeterminado
5) Cree la aplicación Senchatouch en el sitio web predeterminado, que se llama directorio virtual en IIS6.
6) Vista previa con Chome (es decir, no es compatible)
Después de completar la configuración, puede ver que hay una web.config adicional en la carpeta
Actualiza la página web:
El artículo anterior Sencha Ext JS 6 Start (debe leer) es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.