EasyUI——基本布局

hello，家人们，我来更新今天的新知识啦~，如大家所见，今天要讲的是EasyUI的基本布局，大家来瞄瞄吧o~o

一.什么是EasyUI？

二.EasyUI的优点

三.在使用easyUI中需要注意到的地方：

四.下载地址和在线文档

五.如何使用EasyUI?

六.案例

一.什么是EasyUI？

easyui是基于jquery的页面组件集合，提供了丰富的组件的集合

二.EasyUI的优点

1.easyui是个完美支持HTML5网页的完整框架
2.easyui节省网页开发的时间和规模
3.easyui很简单但功能强大

三.在使用easyUI中需要注意到的地方：

data-options属性是由easyUI单独定义的

easyui适用于后台管理界面，不适用与前台项目界面，easyui处理服务器传递过来的json数据能力比较强

easyui都是通过.class控制的，修改id不会有影响

如果easyui提供的属性和html标签属性相同，我们可以把这个属性不写在data-options中

在easyui中所有脚本的功能语法：{

如果该组件为abc,则控制abc的基本语法为：

$("jquery选择器获取到abc").abc({

属性名：值

事件：function([参数]){}

})

}

如果该组件为abc,则控制abc的方法的语法为（实现某种自带的特定的功能）：

$("jquery选择器获取到abc").abc("方法名","参数");

四.下载地址和在线文档

1.EasyUI官方下载地址：http://www.jeasyui.com/download/index.php

2. 在线文档：

JQuery EasyUI中文网 (jeasyui.net)（中文网）
EasyUI - 帮助您轻松构建网页 (jeasyui.com)（英文版）

五.如何使用EasyUI?

引入必要的js和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）

eg:

<script src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"href="${pageContext.request.contextPath}/easyui/themes/icon.css">

六.案例

在我们建项目之前，先去官方网站下载压缩包，然后把压缩包解压，然后把解压好的文件夹复制到web项目中，（对了，要在webapp下新建一个文件夹，我们取名叫easyui，然后将文件夹放到easyui文件夹中）

接下来我们来看看这个已经解压好的文件夹里面有什么吧~

我来介绍一下这里面的文件吧

locale：语言包
plugins：功能插件
src：js文件
themes：css样式

以js结尾的都是js文件

EasyUI——基本布局相关推荐

JQuery EasyUI Layout 在from布局自适应窗口大小
在JQuery EasyUI中,如果直接在form上布局时当窗口大小调整布局不会改变,将布局应用于body时中间隔着一个form,横竖不好弄. 网上有多个解决方案,一般都是写代码,在窗口大小改变时设置 ...
EasyUI -- Layout（布局）
第一章介绍 EasyUI – Layout(布局)将布局容器分成了5个区域,分别是:east(东).west(西).south(南).north(北)和center(中).center(中)区域是必 ...
html隐藏最大化按钮,easyui div 上下布局最大化按钮隐藏标题
背景:easyui在做上下布局的时候,上面是数据列表,下面是数据图表.如下图需要在上下面板右上角加上最大化按钮,以便可以全屏显示.逻辑就是当上面点击最大化时候,隐藏下面,主意:此时需要将下面的div ...
Easyui入门视频教程第01集---认识Easyui
认识EasyUI 目录 ----------------------- Easyui入门视频教程第09集---登录完善图标自定义 Easyui入门视频教程第08集---登录实现 ajax b ...
c 后台输出easyui html,EasyUI——实现展示后台数据代码
下面是View显示代码: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml" ...
Easyui入门视频教程第11集---Window的使用
目录 Easyui入门视频教程第11集---Window的使用 Easyui入门视频教程第10集---Messager的使用 Easyui入门视频教程第09集---登录完善图标自定义 ...
(转）基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍
http://www.cnblogs.com/wuhuacong/p/3281103.html 最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客 ...
使用JqueryEasyUI进行页面布局
下面为为大家介绍一种快速搭建页面布局的方法,那就是使用EasyUI进行布局. 在布局之前首先要从EasyUI包里面引用五个文件. <link href="EasyUI/themes/m ...
EasyUI(1)：快速搭建系统界面
使用EasyUI搭建系统界面真是easy,简单而且快! 1.到EasyUI的官网下载免费的包到本地,解压,安排好目录,建立空的html文件YQCYNDI.HTML. 2.加入引用,即css和js部分的 ...
km之路--002 easyui 一
下载地址 http://download.csdn.net/album/detail/343 我使用的环境操作系统:windows/linux(deepin) 数据库:mysql 5.6 / mar ...

EasyUI——基本布局

一.什么是EasyUI？

二.EasyUI的优点

三.在使用easyUI中需要注意到的地方：

四.下载地址和在线文档

五.如何使用EasyUI?

引入必要的js和css样式文件

六.案例

EasyUI——基本布局相关推荐

最新文章

热门文章