easyui入门指南—01 easyui入门

一、easyui下载

easyui官方下载地址:http://www.jeasyui.net/

下载完成之后，得到压缩包，解压后，得到一个文件夹，里面有如下图所示的文件：

二、easyui入门

2.1 引入必要的css与js文件

要想在页面中使用EasyUI，首先要做的就是在页面中引入必要js和css样式文件，以在jsp文件中使用EasyUI为例，文件引入的顺序如下所示

	<!-- 引入JQuery -->
   	<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.min.js"></script>
 	<!-- 引入EasyUI -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
   	<!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
 	<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
 	<!-- 引入EasyUI的样式文件-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/default/easyui.css" type="text/css"/>
	<!-- 引入EasyUI的图标样式文件-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.4.1/themes/icon.css" type="text/css"/>

在jsp文件中引用了这些文件之后，就可以使用EasyUI了。

2.2 EasyUI使用范例

下载完成之后，得到压缩包，解压后，得到一个demo文件夹。

以上就是easyui的简单学习。