easyui（入门）

 jQuery EasyUI课程

jQuery EasyUI简介：封装大量的jQuery插件(简化ajax，jquery，css样式，布局)

 插件实现:
   ① HTML标签+插件的class样式。
       <a href="#" class="easyui-linkbutton">我是讲文明</a>
   ② HTML标签+基于编程的插件实现
       <a href='#' id="btn">我是ZKING ZZ</a>
       js代码： $("#btn").linkbutton();
 
 插件内容：
    属性：设置插件的样式。图标，宽度，高度。
    事件：单击事件，双击
    方法：修改插件属性，状态。
 

1.jQuery EasyUI框架概述

 1.1 什么是jQuery EasyUI?

 JQuery  EasyUI就是一套基础JQuery的富客户端的UI框架(简化ajax，jquery，css样式，布局)。像这些将常用的控件封装成一个UI库的框架统称富客户端框架

 1.2 jQuery Easy的作用

既然EasyUI是一个UI框架，所以它的功能就是用于处理页面的展示效果的。通常用于完成后台管理系统的页面排版。

 现在市面有哪些常用富客户端框架：EasyUI、LigerUI、ExtJS

 1.3 EasyUI的目录说明

 1.3.1 下载路径

EasyUI的官网地址为：http://www.jeasyui.com/ 

 1.3.2 必须的基础支持库

标红的文件夹是PC端使用EasyUI框架，必须导入的基础库文件。

 

 1.3.3 目录说明

 demo：例示，非常重要，以后做开发，记不起来代码，可以直接复制例示。

demo-moblie：手机端的例示，因为手机端已经有很多优秀UI框架，所以EasyUI在手机端基本没有人用的（忽略）。

 locale：编码支持库

 plugins：没有压缩过的插件源码

 src：没有压缩过的核心源码

themes：主题样式，有个可以选择

 easyloader.js：源码加载器

 jquery.easyui.min.js：PC使用类库。

 jquery.easyui.moblie.js：手机端使用类库

 jquery.min.js：Jquery框架

 2.WEB项目搭建EasyUI环境

 搭建环境的步骤如下：

 1. 导入需要的css样式文件。easyui.css