EasyUI学习（一）创建EasyUI的Dialog和JavaScript动态创建EasyUI的Dialog

一、下载EasyUI

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

下载完得到压缩包：

二、新建一个Web项目，并加入。

【File】--->【new】----->【Project】---- ->【Dynamic Web Project】，将添加到WebRoot文件夹下并删除不必要的文件。

创建01.jsp，代码如下。

<%@ page language="java" pageEncoding="UTF-8"%>


  
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      <%--使用纯html的方式创建创建EasyUI的Dialog的步骤：
      1、定义一个div
      2、将div的class样式属性设置成easyui-dialog，这样就可以将普通的div变成EasyUI的Dialog了
       --%>
    

        Hello World!
    
    
Dialog Content
    
Dialog Content
  

添加程序，右键Tomcat---->【Add Deployment... 】，并点击【Debug Server】或【Run Server】在eclipse自带的tomcat上运行：

运行结果：

参考：https://www.cnblogs.com/xdp-gacl/p/4075079.html