Sencha Ext JS 6 Quick Start (Must see) _javascript tips

Sencha Ext JS is now the world's most advanced and most powerful JavaScript application development framework that supports multi-platform and multiple devices. First look at the development of Ext JS history.

1 Ext JS Development history

1.yui-ext's author Jack Slocum (Jack Slocum) intends to make a custom extension of the Yahoo User Interface based on the BSD protocol, but then once more than 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, ext is now dual-licensed, using LGPL and a commercial license;

3. On April 1, 2007, the release of the 1.0 official edition, now the version is 6.0;

4. The application architecture and SCSS of MVC/MVVM style have been introduced from 4.0.

5. Starting from 5.0, no longer supports old browsers, such as IE5, 6, 7, etc.

6. Starting from 6.0, Sencha Touch and ExtJS are combined, indicating that users can develop applications that support both the traditional desktop and the tablet or mobile phone.

2 Development Preparation

1. First need to download the Ext JS SDK, download ExtJS 6.0 SDK GPL official version of https://www.sencha.com/legal/gpl/, if you need commercial applications, please download the commercial version. Extract to D disk.

2. Download Sencha Tool, assuming that jre7+ is not installed in your system, download Sencha Tool with the JRE version and install it successfully.

3 Project Creation

1. Open the command line with the administrator and enter the SDK directory with cd/d d:\ext-6.0.0

2./ext-6.0.0 generate App-classic cmpwebui./cmpwebui command to create an app based on the ext-6.0.0 version named Cmpwebui, the project path is./cmpwebui. \ sencha-sdk

The Cmpwebui project file is generated under the directory D:\ext-6.0.0, and the file structure is as follows:

3. Enter the project file, with the Sencha app watch Project preview, the port number defaults to 1841, if the current already has, it will increment, where the port is 1842

Enter http://localhost:1842/in the browser to preview, and I initially expect the difference, which contains an official example, you can click "View the Example" to view.

So where are the projects you've created? You can enter http://localhost:1842/cmpwebui/for viewing

4. Project release, compile with Sencha app build

Once the compilation is complete, you can see the published project under ext-6.0.0 under the build file.

5. IIS project release, you need to be aware of configuring IIS to parse JSON, otherwise the Web site cannot preview,

Want to run is actually very simple, as long as can let *.json file can be resolved by the Web server, here to IIS7 as an example.

1) ASP support for installing IIS7

Control Panel--> programs and features--> turn on and off Windows features--> role--> Add role service--> application development--> Select ASP

2) Add MIME type to default Web site

Add--> file name extension is json,mime type Text/json (or application/x-javascript can also)

3 Install script map to Default Web site

Handler Mappings--> Add script mappings. Request path is *.json, executable file is%windir%\system32\inetsrv\asp.dll, name is JSON

4 Add index.html to the default document

5 Create the Senchatouch application under the Default Web site, IIS6 is called a virtual directory.

6 use Chome Preview (ie not supported)

After this configuration is complete, you can see that there is one more Web.config in the folder

Refresh the page again:

Above this article Sencha Ext JS 6 Quick Start (Must see) is the small series to share to everybody's content, hoped can give everybody a reference, also hoped that everybody supports the cloud habitat community.