1. easyui概念

2. 创建一个easyui对话框
   什么是easyui easyui就是一个前端框架 用来美化web界面的 方便快捷 里面都是js代码

   首先创建一个web工程，在webroot下把easyui粘进去
   

在index.jsp中引入easyui需要的js

    <!-- 引入JQuery -->
<script type="text/javascript"
    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/jquery.min.js"></script>
<!-- 引入EasyUI -->
<script type="text/javascript"
    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
<script type="text/javascript"
    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>
<!-- 引入EasyUI的样式文件-->
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/jquery-easyui-1.5.2/themes/default/easyui.css"
    type="text/css" />
<!-- 引入EasyUI的图标样式文件-->
<link rel="stylesheet"
    href="${pageContext.request.contextPath}/jquery-easyui-1.5.2/themes/icon.css" type="text/css" />

下面创建一个对话框 用easyui做的啊

     1、定义一个div
      2、将div的class样式属性设置成easyui-dialog，这样就可以将普通的div变成EasyUI的Dialog了
       --%>
    <div class="easyui-dialog" id="dd1" title="EasyUI Dialog"
        style="width: 500px;height:200px;">Hello World!</div>