Sencha Ext JS is currently the world's most advanced and powerful JavaScript application development framework that supports multi-platform and multi-device. First, let’s take a look at a brief history of the development of Ext JS.
1 A brief history of the development of Ext JS
1. Jack Slocum, the author of YUI-Ext, intends to customize the Yahoo User Interface (YUI) library based on the BSD protocol, but later he once overshadowed his father YUI;
2. At the end of 2006, YUI-Ext was simplified to Ext, reflecting its maturity and independence as a framework. The company was founded in early 2007 and Ext is now a dual license, using LGPL and a business license;
3. On April 1, 2007, the official version of 1.0 was released, and the current version is 6.0;
4. Starting from 4.0, MVC/MVVM style application architecture and SCSS were introduced;
5. Starting from 5.0, old browsers are no longer supported, such as IE5, 6, 7, etc.;
6. Starting from 6.0, Sencha Touch and ExtJS are combined into one, indicating that users can develop applications that can support both traditional desktops and tablets or mobile phones.
2 Development preparation
1. First, you need to download the Ext JS SDK, download the official version of ExtJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/. If you need a commercial application, please download the commercial version. Unzip to disk D.
2. Download Sencha Tool. Assuming that JRE7+ is not installed in your system, please download Sencha Tool with JRE version and install it successfully.
3 Project creation
1. Open the command line with the administrator and use cd /dd:/ext-6.0.0 to enter the SDK directory
2. Use the sencha -sdk ./ext-6.0.0 to generate app -classic cmmpwebui ./CMPWebUI command to create an app named cmmpwebui based on the ext-6.0.0 version, with the project path of ./CMPWebUI.
Generate the CMPWebUI project file in directory D:/ext-6.0.0. The file structure is as follows:
3. Enter the project file and use sencha app to watch the project preview. The port number is 1841 by default. If it is currently available, it will be incremented. Here the port is 1842
Enter http://localhost:1842/ in the browser to preview it. It is different from what I expected at the beginning. It contains official examples. You can click [view the Example] to view it.
So where are the projects you created yourself? You can enter http://localhost:1842/cmpwebui/ to view it
4. Project release, compile with sencha app build
After compilation is completed, you can see the published project under the build file under ext-6.0.0.
5. When IIS project is released, you need to pay attention to configuring IIS to parse JSON, otherwise the website will not be previewed.
It is actually very simple to run. As long as you can make the *.json file parsed by the web server, IIS7 is used as an example.
1) Install IIS7 ASP support
Control Panel --> Programs and Features --> Turn on and off Windows Features --> Roles --> Add Roles Services --> Application Development --> Select ASP
2) Add MIME type to the default website
Add --> File extension is json, MIME type is text/json (or application/x-javascript is also OK)
3) Install script mapping for default website
Handler Mapping --> Add script mapping. The request path is *.json, the executable file is %windir%/system32/inetsrv/asp.dll, the name is json
4) Add index.html to the default document
5) Create SenchaTouch application under the default website, which is called a virtual directory under IIS6.
6) Preview with Chome (IE does not support)
After the configuration is completed, you can see that there is an additional web.config in the folder
Just refresh the web page:
The above article sencha ext js 6 Quick Start (must read) is all the content I share with you. I hope you can give you a reference and I hope you can support Wulin.com more.