jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 本经验是 jQuery EasyUI从入门到精通系列教程的第1部分
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
jQuery EasyUI
方法/步骤
2
访问JQuery EasyUI官方网站，如下图所示。
3
点击导航栏上的【Download】超链接，进入到下载页面，选择GPL Edition版本进行下载，如下图所示。
4
解压jQuery EasyUI文件夹，工程目录，如下图所示。
5
在项目文件夹中，新建index.html,将easyui.css、jquery.easyui.min.js等文件引入其中。
6Basic CRUD Application - jQuery EasyUI CRUD Demo
下面以Basic CRUD Application（基本的增删改查应用程序）为例
Basic CRUD Application
Click the buttons on datagrid toolbar to do crud actions.
| First Name | Last Name | Phone |
|---|
User Information
7
该案例运行效果，如下图所示。
8Build CRUD DataGrid with jQuery EasyUI - jQuery EasyUI Demo
下面以CRUD DataGrid为例
CRUD DataGrid
Double click the row to begin editing.
| First Name | Last Name | Phone |
|---|
9
该案例运行效果，如下图所示。
注意事项
1
JQuery EasyUI插件依赖JQuery，需要在jquery.easyui.min.js之前，引入JQuery库
2
本经验中第2个案例需要引入jquery.edatagrid.js文件
上一篇：MySQL忘记密码？？怎么办