jQuery EasyUI开发基础与环境搭建指南.pdfVIP

本章目标

➢掌握easyui开发环境部署

➢掌握布局容器的使用

➢掌握Dialog框的使用

➢掌握ValidateBox验证框的使用

➢掌握easyui技术文档的使用

介绍

➢jQueryEasyUI是一组基于jQuery的UI插件集合，而

jQueryEasyUI的目标就是帮助web开发者更轻松的打造

出功能丰富并且美观的UI界面。开发者不需要编写复杂的

javascript，也不需要对css样式有深入的了解，开发者

需要了解的只有一些简单的html。

➢jQueryEasyUI为我们了大多数UI控件的使用，如

：accordion，combobox，menu，dialog，tabs，

validatebox，datagrid，window，tree等等。

➢jQueryEasyUI是基于JQuery的一个前台ui界面的插件

，功能相对没extjs强大，但页面也是相当好看的。一些

功能也足够开发者使用，相对于extjs更轻量。

特点

➢基于jquery用户界面插件的集合

➢为一些当前用于交互的js应用必要的功能

➢使用EasyUI你不需要写很多的javascript代码，通常只

需要写HTML标记来定义用户界面即可

➢支持HTML5

➢开发产品时可节省时间和资源

➢简单，但很强大

➢支持扩展，可根据自己的需求扩展控件

➢目前各项不足正已版本递增的方式不断完善

技术文档介绍

➢演示easyui技术文档的使用

社区支持

➢jQueryeasyui中文社区的支持

➢

环境3-1

➢EasyUI文件压缩包

➢EasyUI文件各个文件内容：

\jquery-easyui-1.3.4\demo：控件示例集，正式项目中不需要此文件

夹内容

\jquery-easyui-1.3.4\locale:一些不同语言的文件，其实是对easyui的扩

展。只须保留你想用的语言相对应的文件，国内一般只保留easyui-lang-

zh_CN.js文件

\jquery-easyui-1.3.4\plugins:easyui的各个功能的文件

\jquery-easyui-1.3.4\src:各个插件的源文件，不是全部，其实有些功能不

是开源的，是商业，因此没有源文件。正式项目不需要此文件夹

\jquery-easyui-1.3.4\themes:，就是css文件和要用到的图标文件

，里边5种风格。可以只保留要使用的风格，并且具体到一个风格里，又分为

两部分：easyui.css和其它所有css

\jquery-easyui-1.3.4\easyloader.js:暂且称之为加载器文件

\jquery-easyui-1.3.4\jquery.easyui.min.js:easyui的主文件。它是

plugins下所有文件合并后的结果

\jquery-easyui-1.3.4\jquery.min.js:jquery文件，easyui是基于

jquery的，因此是必须的

环境3-2

➢在项目中导入EasyUI对