easyui--的使用

easyui--的使用

1.下载easyUI

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

2.easyUI文件目录结构

 3.选择相应的颜色样式后，将上面第二张图片中文件放在web工程中easyui目录之下

4.在html/jsp文件的head中引入相关外部样式/jQuery/js

<!--下面的示例是在jsp文件下示例，在html文件中不需要使用前面的ognl表示式获取工程名-->   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/uimaker/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/uimaker/icon.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/easyui-lang-zh_CN.js"></script>

5.easyUI中有很多可以直接使用的样式， 可以直接在其文档中进行查询（使用简单）