0
点赞
收藏
分享

微信扫一扫

【EasyUI学习-1】MyEclipse+easyui学习官方Demo

介绍

easyui的介绍,网上很多,这里就不进行介绍了。


easyUI获取

官网: ​​http://www.jeasyui.com/​​ 

下载地址:​​http://www.jeasyui.com/download/index.php​​ 

下载之后得到压缩包: 【EasyUI学习-1】MyEclipse+easyui学习官方Demo_eclipse


利用MyEclipse工具学习easyUI

1. 创建项目EasyUIQs;

2. 在WebRoot目录下,创建js/easyui目录;

3. 将上一步下载好的easyUI解压,将解压后的文件全部拷贝到目录:js/easyui;如下是项目的目录结构:

【EasyUI学习-1】MyEclipse+easyui学习官方Demo_demo_02




可能存在的错误

1. 当在MyEclipse下导入easyui文件时,可能会发现jquery.min.js文件报错;

这是因为,MyEclipse对js文件检查很严格,而从官网上下载的easyui的js文件都是压缩过的,MyEclipse检查不过来才报错的;

解决办法:

【EasyUI学习-1】MyEclipse+easyui学习官方Demo_eclipse_03

这样,就不会报错了。



学习官网提供的Demo

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

【EasyUI学习-1】MyEclipse+easyui学习官方Demo_Myeclipse_04


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

【EasyUI学习-1】MyEclipse+easyui学习官方Demo_eclipse_05

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




举报

相关推荐

0 条评论