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的快速入门

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

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

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

easyui学习教程(非常详细)

  • 2013年06月06日 15:38
  • 1.62MB
  • 下载

EasyUI+JQuery轻松实现步骤条效果

最近加入一个新的项目组,组长对我好。。。严厉啊!哼,就给了一天时间看看需求,直接是上手实现功能。但是聪明如我,积极主动的去找组长给我讲了讲框架,大概的懂了懂,一天半的时间实现了一个前台的小功能,给大家...
  • u012904383
  • u012904383
  • 2015年11月15日 23:07
  • 3541

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

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

jquery-easyui-EDT-1.5-build中文API

  • 2016年09月12日 18:55
  • 4.22MB
  • 下载

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

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

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

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

EasyUI学习笔记(三)——学习使用EasyUI之easyloader 加载

easyloader 简单载入器
  • u012369153
  • u012369153
  • 2016年12月06日 21:38
  • 3103

Struts2+Spring3+Hibernate4+Maven+EasyUI整合入门视频

  • 2017年10月30日 16:39
  • 49B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyUI入门的学习
举报原因:
原因补充:

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