First contact easyUI (1), contact easyUI (

First contact easyUI (1), contact easyUI (

JQuery Easy is a set of jQuery-based UI plug-ins. The goal of EasyUI is to help web developers easily create a rich and beautiful UI interface. Developers do not need to write complex javascript or have a deep understanding of css styles. Developers only need to know some simple html tags.

 

Note: jQuery features

 

• A set of jQuery User Interface plug-ins.
• Provides necessary functions for js applications currently used for interaction.
• Two rendering methods are supported: js (for example:$ ("# P"). panel ({......})) And html (for example:Class = "easyui-panel").
• You can useData-options attributesTo support HTML5.
• Product development can save time and resources.
• Simple, but very powerful.
• Supports expansion and allows you to expand controls as needed.

The official jQuery EasyUI website is http://www.jeasyui.com/. its Chinese help is at http://www.zi-han.net/case/easyui /.

After downloading the jQuery package, there are these folders.

• Demo folder: Here are some examples.
• Locale folder: Put language-related js files, where the Chinese Language Pack is a easyui-lang-zh_CN.js file.
• Plugins folder: Stores some function plug-ins. (Lazy loading must be retained, and hungry loading can be deleted)
• Src folder: The source files of each plug-in are not all. In fact, some functions are not open-source and commercial authorization, so there is no source file. (This folder does not need to be referenced in a formal project)
• Themes folder: Stores themes, namely css files and Icon files to be used. Five styles are provided in them. (Easyui.css is the result of merging all other css codes)

Note: When easyUI is set up, create an html page, create a folder named UI in the root directory, and copy the jQuery EasyUI package file, however, it must be referenced in the following order (adding charset = "UTF-8" to the js tag can prevent page garbled characters)

1     <link href="UI/themes/default/easyui.css" rel="stylesheet" />2     <link href="UI/themes/icon.css" rel="stylesheet" />3     <script src="UI/jquery-1.8.3.min.js"type="text/javascript" charset="utf-8"></script>4     <script src="UI/jquery.easyui.min.js"type="text/javascript" charset="utf-8"></script>5     <script src="UI/locale/easyui-lang-zh_CN.js"type="text/javascript" charset="utf-8"></script>