SSH企业案例_CRM客户管理系统（六）：Easyui&列表展示

1、EasyUI

EasyUI的概述

什么是EasyUI
　　jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签
常见的版本：
EasyUI1.4和1.5
下载EasyUI
http://www.jeasyui.net/download/

EasyUI的使用（入门）

EasyUI的使用
 引入EasyUI的开发JS和CSS

 EasyUI的使用有两种方式：
　　 一种：CSS的方式

　　 二种：编写JS的方式

EasyUI布局

EasyUI的布局介绍

EasyUI的布局使用

EasyUI分类

EasyUI的分类的介绍

EasyUI的分类的使用

EasyUI选项卡

EasyUI的选项卡的介绍

EasyUI的选项卡的使用


在CRM页面上应用选项卡加载数据

EasyUI数据表格（*****）

EasyUI的数据表格介绍

EasyUI的数据表格的使用

从数据库查询数据显示到数据表格中
 环境准备
　　 引入jar包
　　 引入配置文件
　　 创建包和类
　　 将类配置到Spring中
 加载数据到数据表格中
　　 在customer.html中添加数据表格

　　 编写Action中的findAll的方法

　　 在页面中显示数据到数据表格中

注意
1、我做这个案例的时候明明很简单的，却出现了很多问题，搞的心态崩了，首先是写了表格的url，但是一直调用不到action，是因为我设置了权限过滤器，我以为这个权限过滤器只过滤登录的（忘了），后来在页面直接调用这个action才知道是过滤器的问题，浪费了2小时，以后出现类似问题一定要调用一下action
2、调用到了action但是获取不到数据，我直接调用了action显示错误，是因为类型转换失败，这里可以看一篇文章：net.sf.json.JSONException: java.lang.reflect.InvocationTargetException
也就是说是延迟加载的问题，但是我已经配置了opensession了，但是这可能是easyui的问题，导致配了还是错误，黑马的视频里也没说要把customer实体改一下…

EasyUI的窗口

EasyUI的窗口介绍

EasyUI的窗口的使用

注意：
1、所有的控件都可以查看文档，很简单也很全面
2、javascript的eval方法，可以将String转为脚本语言(json、html)，可以查文档了解
3、表格重新加载等效果应该写在信息成功保存的下面(});前)
4、关于easyUI增删改查比较完整的案例代码可以看资料