easyUI入门的学习

Easyui

Easyui是基于jQuery的用户界面插件集合；

完整支持HTML5的完美框架；

今天学习简单的新闻后台管理界面框架的步骤：

    1、在工程下建立index.html主页面，一般放在管理方面(manager)；例如：

2、在工程下建立属于Easyui的文件夹便于区分类别名：

3、将Easyui相关的就是导入到工程下(js文件夹下)；并且将js导入到index.html文件里面；注意文件路径：<script type="text/javascript" src="../../easyui/js/jquery.easyui.min.js"></script>；这是我的文件路径

4、新建css、jquery-easyui-EDT-1.4-build1\jquery-easyui-1.4\demo\icons（图标）、jquery-easyui-EDT-1.4-build1\jquery-easyui-1.4\demo\images（图片）文件夹，将相关文件导入：

路径分别为：

demo.css：jquery-easyui-EDT-1.4-build1\jquery-easyui-1.4\demodemo.css;

icon.css：jquery-easyui-EDT-1.4-build1\jquery-easyui-1.4\themes\icon.css;

easyui.css：jquery-easyui-EDT-1.4-build1\jquery-easyui-1.4\themes\default\easyui.css

再将icon.css、easyui.css导入到index.html中，比如：

然后修改icon.css里面的icon路径

easyui.css的images的路径

5、以上就基本完成easyui的框架入门了一种简单的框架就搭建好了，最后附上界面框架图：

后续还会继续讲述通过数据库服务器传输数据；欢迎大家讨论学习指出错误；

需要源码请留言；