介绍
easyui的介绍,网上很多,这里就不进行介绍了。
easyUI获取
官网: http://www.jeasyui.com/
利用MyEclipse工具学习easyUI
1. 创建项目EasyUIQs;
2. 在WebRoot目录下,创建js/easyui目录;
3. 将上一步下载好的easyUI解压,将解压后的文件全部拷贝到目录:js/easyui;如下是项目的目录结构:

可能存在的错误
1. 当在MyEclipse下导入easyui文件时,可能会发现jquery.min.js文件报错;
这是因为,MyEclipse对js文件检查很严格,而从官网上下载的easyui的js文件都是压缩过的,MyEclipse检查不过来才报错的;
解决办法:

这样,就不会报错了。
学习官网提供的Demo
从官网下载下拉easyui后,会发现里面有个demo包,这里面提供了大量的示例,我们只需要在tomcat下运行该项目,并在浏览器中输入相应网址,就可以学习官方提供的代码了。

在tomcat下运行该项目后,在浏览器中输入:http://localhost:8080/EasyUIQs/js/easyui/demo/accordion/actions.html ,就会看到如下界面:

查看其他示例程序类似,这里不再进行详述。