easyUI入门的学习

原创 2016年05月31日 00:26:45

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的框架入门了一种简单的框架就搭建好了,最后附上界面框架图:

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

需要源码请留言;

相关文章推荐

EasyUI学习笔记(一)——EasyUI入门

初识EasyUIEasyUI

EasyUI学习总结(二)——EasyUI布局

一、EasyUI布局介绍   easyUI布局容器包括东、西、南、北、中五个区域,其中中心面板是必须的,而东、西、南、北这四个面板是可选的,如果布局里面不需要东、西、南、北这四个面板,那么可以把相应...

easyui--easyui的快速入门

一前言:针对easyui快速入门,从以下几个方面说明:1.前端调试工具:firebug;2.应用easyui需要引入的文件;3.说明一下easyui API的一般用法;4错误调试。5.我是跟孙宇大哥学...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

EasyUI入门:如何引入及简单使用

也许,只有当做比较大的项目的时候,才会发现封装好的东西会为程序猿们带来多少方便。合作开发的时候更应该强调复用,才能更加发挥团队的优势。         今天使用了一些EasyUI,发现很wonde...

easyui 学习总结

使用easyui中遇到的问题,在此进行记录和分享

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

easy ui 简单使用

1:引入需要的js与css         //easyui核心文件     //国际化     //主题文件     //主题使用的图标...

EasyUI入门:如何引入及简单使用

也许,只有当做比较大的项目的时候,才会发现封装好的东西会为程序猿们带来多少方便。合作开发的时候更应该强调复用,才能更加发挥团队的优势。         今天使用了一些EasyUI,发现很wonde...

EasyUI学习笔记(一)——EasyUI入门

初识EasyUIEasyUI
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyUI入门的学习
举报原因:
原因补充:

(最多只允许输入30个字)