EasyUI学习总结(一)——EasyUI入门-白红宇

EasyUI学习总结(一)——EasyUI入门

阅读量：7015 次

发布时间：2019-06-28

本文共 980 字，大约阅读时间需要 3 分钟。

一、EasyUI下载

　　EasyUI官方下载地址：http://www.jeasyui.com/download/index.php，目前最新的版本是：jQuery EasyUI 1.4.1

　　下载完成之后，得到压缩包，解压后，得到一个【jquery-easyui-1.4.1】文件夹，里面有如下图所示的文件：

二、EasyUI入门

2.1、引入必要的js和css样式文件

　　要想在页面中使用EasyUI，那么首先要做的就是在页面中引入必要js和css样式文件，以在jsp文件中使用EasyUI为例，文件引入的顺序如下所示

在jsp文件中引用了这些文件之后，就可以使用EasyUI了。

2.2、EasyUI使用范例

　　新建一个JavaWeb工程，然后将jquery-easyui-1.4.1加入到工程中，将jquery-easyui-1.4.1文件夹中一些不必要的文件删掉，只保留必要的就可以了，如下图所示：

　　新创建一个01.jsp页面，在01.jsp页面中使用EasyUI，代码如下：

<%@ page language="java" pageEncoding="UTF-8"%>      EasyUI入门——创建EasyUI的Dialog  
         
         
         
       
       
       
                       <%--使用纯html的方式创建创建EasyUI的Dialog的步骤：      1、定义一个div      2、将div的class样式属性设置成easyui-dialog，这样就可以将普通的div变成EasyUI的Dialog了       --%>    
     
              Hello World!    
     
    
     
      Dialog Content
     
    
     
      Dialog Content

01.jsp运行结果如下：

转载于:https://www.cnblogs.com/kangyanxiang/p/4594828.html

你可能感兴趣的文章

Sonar6.0应用之三:集成Eclipse实时代码质量分析（附Eclipse初始化）