EasyUI简介

EasyUI是一个基于jQuery的用户界面插件集合,简化网页开发,提供丰富的组件和功能。通过引入必要的JS和CSS文件,轻松实现现代化交互界面。本文介绍了EasyUI的基本概念、使用步骤,并强调了其在网页开发中的便利性。
摘要由CSDN通过智能技术生成

                                                目录

                                        一:EasyUI是什么?

                                        二:  EasyUI如何使用?

                                        三.总结

EasyUI是什么?

1.easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

2.easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

3.使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面

4.easyui是个完美支持HTML5网页的完整框架。

5.easyui节省您网页开发的时间和规模。

6.easyui很简单但功能强大的。

总结:easyui就是利用现有的jQuery,js,css等基本语法,将我们常用的一些组件的过程封装好了,我们只需要使用其提供的接口,就可以很容易的使用其来生成比较美观的界面,常用于后台等界面的开发。

EasyUI如何使用?

1.去官网下载http://www.jeasyui.net/相应的easyui版本的压缩包,如图

 解压即可

里面的文件大致长这样,被我框住的文件大致是要用的,demo文件夹是示例,demo-mobile文件夹是支持手机端的, locale文件夹里面是语言包,plugins是插件库文件,themes是css样式,jquery.easyui.min.js是EasyUI核心库文件,jquery-easyui.mobile.js这个在导入时也可以不要

 

 

 大致导入跟我这一样就行,在WebContent新建一个js文件夹,把整个解压之后的jquery-easyui文件复制到js文件夹中即可,删除之中没用的文件利于后期的导出WAR file包,文件比较小

 在页面中引入必要的插件和css

1)引入JQuery(jquery.min.js)
2)引入EasyUI(jquery.easyui.min.js)
3)引入EasyUI的中文国际化js,让EasyUI支持中文(locale/easyui-lang-zh_CN.js)
4)引入EasyUI的样式文件(/themes/default/easyui.css)
5)引入EasyUI的图标样式文件(/themes/icon.css)

<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.5.2/themes/icon.css"/>

路径问题

 相对路径/绝对路径(推荐)
 base标签

思路:使用一个公用的head.jsp页面来统一引入需要的资源,其他页面使用include进行引入,便于管理。

在webapp下创建common目录, head.jsp
head.jsp

 

使用一个head.jsp对需要大量使用的文件进行封装

 在index页面中使用通用的head.jsp页面包含即可:

<head>      

  <%@ include file="common/head.jsp" %>

</head>

总结

上面是我简单的一点关于EasyUI的介绍,目的是让大家知道EasyUI是个什么东西,EasyUI使用是起来还是十分方便的,具体其他的使用我就不一一说明了,可以自己去下载EasyUI的API文档去看,内容还是十分详细的,使用也简单

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值