目录

                                        一：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文档去看，内容还是十分详细的，使用也简单

# easyui
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue