Individuals have always appreciated the beauty of the Great God Front page, and now the individual engaged in MIS system and other related development, so decided to learn ExtJS, the current version is 5.0, starting from 5.0.
As a Java developer, you naturally want to make a extjs simple development environment in eclipse, and then slowly enrich yourself.
First step: Download ExtJS from official website, currently 5.0 version
Step Two: Create a Dynamic Web project with Eclipse
Step three: Create a folder in the WebContent directory of the project, called ExtJS5.
Fourth step: Extract the ExtJS downloaded from the official website, after decompression, the directory structure as follows:
Take a look at index under the root directory and learn about the location of some of the files that are dependent on using EXTJS, typically requiring some CSS and package folders in the Ext-all.js and build folders under the root directory.
Copy the dependent ExtJS files to the new EXTJS5 folder in the project, as follows:
After four steps above, OK, you can write the HTML file, in the WebContent directory, create a classic index.html file, and reference ExtJS related files, the code is as follows:
Within the head tag, the CSS file of one of the topics provided by ext and the theme JS and frame JS file provided by Ext are respectively quoted.
After referring to the Ext related files, it is necessary to create a small window with ext specification, I placed the code to create a small window in the WebContent directory under their own established Appjs directory,
The code is written as an example of parameter ext, as follows:
To tell you the truth, it's unclear what the code is, but it's possible to guess its meaning by name.
Well, at this point, as the preparation work is completed, released to the classic Tomcat, access to the classic http://localhost:8080/project name, you can see the effect:
Completed.
(By the way, after referencing ExtJS's related files, Eclipse defaults to verifying these files, resulting in the Eclpise card,
The solution is to remove the project files from the project directory. Project in the relevant configuration of JS validation can be)
/******************************************** Alien Jordan Time ***************************************/
I like all the good things.