easyui01 (basic layout)

I. Overview

1.What？

jQuery EasyUI is a collection of jQuery-based UI plug-ins, which can help web developers create rich and beautiful UI interfaces more easily

2.Why？

①. You don’t need to write a lot of code to use easyui, you only need to write some simple HTML tags to define the user interface

②.easyui is a complete framework that perfectly supports HTML5 web pages

③.easyui can save the time and scale of web development

④.easyui is very simple but powerful, easy to use

3.Where？

√ Background management interface

2. Preparations

①. Download easyui

EasyUI - helps you build your web pages easilyEasyUI is a complete framework for HTML5 web page. It provides easy to use components for building modern, interactive, javascript applications that work on pc and mobile devices.http://www.jeasyui.com/

②. Introduce the library into the page

①Introduce JQuery (jquery.min.js)

②Introduce EasyUI (jquery.easyui.min.js)

③Introduce EasyUI's Chinese internationalization js, so that EasyUI supports Chinese (locale/easyui-lang-zh_CN.js)

④Introduce the EasyUI style file (/themes/default/easyui.css)

⑤Introduce the icon style file of EasyUI (/themes/icon.css)

<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/icon.css"/>

3. Use

① Two ways: [Demo] [API Documentation]

②Optimize and extract public pages