easyui（快速入门）

 

目录

 1.jQuery EasyUI框架概述

 1.1 什么是jQuery EasyUI?

1.2 jQuery Easy的作用

1.3 EasyUI的目录说明

 2.WEB项目搭建EasyUI环境

 3.EasyUI入门示例

 4.注意事项

---

# jQuery EasyUI课程

> 
>
> **jQuery EasyUI简介：封装大量的jQuery插件(简化ajax，jquery，css样式，布局)**
>
> 
>
> **学习目标：**
>
> 
>
> **学习内容：**
>
> ```html
> 插件实现:
>    ① HTML标签+插件的class样式。
>        <a href="#" class="easyui-linkbutton">我是讲文明</a>
>    ② HTML标签+基于编程的插件实现
>        <a href='#' id="btn">我是ZKING ZZ</a>
>        js代码： $("#btn").linkbutton();
> 
> 插件内容：
>    属性：设置插件的样式。图标，宽度，高度。
>    事件：单击事件，双击
>    方法：修改插件属性，状态。
> ```
>
> **学习方法：**
>
> ```html
> 1. 掌握easyui插件开发模板[记住]
> 2. 通过文档配合，学习他的属性 事件 方法。[查看文档]
> ```

 day_01 EasyUI （入门）

 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框架，必须导入的基础库文件。

![1665938-20190723193247068-1663752670](01.easyUI.assets/3f4fcc3d9c494f198775fe7e96f12dc0