Sencha Ext JS 6 Getting Started

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

1 Ext JS Development history

1. Yui-ext's author Jack Slocum (Jack Slocum) intends to make a custom extension to the BSD-based Yahoo User Interface (Yui) library, but was later overshadowed by 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 business license;
3. On April 1, 2007, the release of the 1.0 official version, the current version is 6.0;
4. MVC/MVVM-style Application architecture and SCSS have been introduced since 4.0.
5. Starting from 5.0, older browsers are no longer supported, such as IE5, 6, 7, etc.;
6. Since 6.0, Sencha Touch and ExtJS have been combined to mark the development of applications that support both traditional desktops and tablets or mobile phones.
   
   

2 Development Readiness

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

2. Download the Sencha tool, assuming the jre7+ is not installed on your system, download the 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. Use sencha-sdk/ext-6.0.0 generate app-classic cmpwebui./cmpwebui command to create an app based on ext-6.0.0 version named Cmpwebui , the project path is ./cmpwebui.

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

3. Enter the project file, with the Sencha app watch preview, the port number defaults to 1841, if present, 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 the official example, you can click on "View the Example" to view.

So where is the project you created? You can enter http://localhost:1842/cmpwebui/for viewing

4. Project release, compile with Sencha app build

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

5. IIS project is published, you need to pay attention to configure IIS to parse JSON, otherwise the website cannot preview,

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

1) Installation of IIS7 ASP support

Control Panel--programs and features--open and close Windows features--role---add role services--application development--Select ASP

2) Add MIME type to the default Web site

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

3) Install script mappings to the default Web site

Handler mappings--Add a script map. The request path is *.json, the executable file is%windir%\system32\inetsrv\asp.dll, and the name is JSON

4) Add index.html to the default document

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

6) Use Chome Preview (ie not supported)

After this configuration is complete, you can see that there is a Web. config under the folder

Refresh the page again:

Sencha Ext JS 6 Getting Started