easyUI----easyUI引入到项目中

下载

EasyUI官方下载地址：http://www.jeasyui.com/download/index.php

下载完成之后,会得到一个 jquery-easyui-1.5.3.zip的文件,解压之后的目录结构,如下图:

 

EasyUI的使用

　　要想在页面中使用EasyUI，那么首先要做的就是在页面中引入必要js和css样式文件，以在jsp文件中使用EasyUI为例:

　　easyUI文件放到static目录下，${pageContext.request.contextPath }会定位到static

<!-- 路径要根据自己项目的具体情况来给 -->
<!-- 引入jQuery -->
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<!-- 引入easyUI-->
<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<!-- 引入EasyUI的样式文件-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<!-- 引入EasyUI的图标样式文件-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">

 

 

手册

https://www.jeasyui.cn/document/index/index.html

easyUI demo（很好用）

http://www.jeasyui.com/demo/main/index.php