easyui

目录

1.概念

1.1什么是easyui?

1.2easyui的作用

1.3easyui 的目录说明

2.示列

按钮示例： 

实现d窗

---

1.概念

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

1.1什么是easyui?

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

1.2easyui的作用

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

1.3easyui 的目录说明

下载路径：EasyUI的官网地址为：EasyUI - helps you build your web pages easily

框出来的是必须要导入的基础文件

目录说明 ：

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.示列

可以写一个界面用来引入

按钮示例： 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>






<%@ include file="start/common/easyui-link.jsp"%>



	原生态按钮
	原生态按钮
	
	原生态按钮
	
	
	
	EasyUI按钮
	 easyui按钮
	
	

实现d窗

<%@ include file="start/common/easyui-link.jsp"%>


（1）HTML+CSS 实现easyui按钮
	按钮


（2）HTML+JavaScript(jQuery) 实现easyui按钮
	按钮