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的框架入门了一种简单的框架就搭建好了,最后附上界面框架图:
后续还会继续讲述通过数据库服务器传输数据;欢迎大家讨论学习指出错误;
需要源码请留言;