`
Messi光明
  • 浏览: 55627 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

JQueryEasyUI搭建环境

    博客分类:
  • web
阅读更多

JQueryEasyUI无难事(一)搭建环境

一、搭建环境

1、下载JqueryEasyUI包 http://www.jeasyui.com/download/index.php

2、打开MyEclipse创建WebProject。

3、将下载下来的JqueryEasyUI包解压后放到到WebRoot下。如下图所示

二、包含文件

       新建一个header.jsp文件,将需要用到的JqueryEasyUI文件引进去,这样,以后要用到JqueryEasyUI直接包含这个文件就可以了,就不用每次都要引用:

       header.jsp

<link rel="stylesheet" href="jquery-easyui-1.3.2/demo/demo.css" type="text/css"></link>
<link rel="stylesheet" href="jquery-easyui-1.3.2/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="jquery-easyui-1.3.2/themes/default/easyui.css" type="text/css"></link>
<script type="text/javascript" src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.2/jquery.easyui.min.js"></script>

 

、测试一下

新建一个jsp文件

layout.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<!-- 把刚刚的那个header.jsp文件包含进去,里面就有了JqueryEasyUI所需要的文件了 -->
  	<jsp:include page="header.jsp"/>
    <title>JqueryEasyUI的Layout</title>
  </head>
  
  <body>
        <div class="easyui-layout" style="width:600px;height:400px;">  
        <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>  
        <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>  
        <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>  
        <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>  
        <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>  
    </div>  
  </body>
</html>
1
1
分享到:
评论

相关推荐

    基于struts环境下的jquery easyui环境搭建

    基于struts,spring,hibernate,oracle环境下jquery easyui环境搭建。实现了使用jquery easyui中的datagrid显示用户列表。测试网址: http://localhost:9090/jquery-easyui-1.2.6BasedonStruts/layout.jsp

    my jquery easyui project

    jQuery EasyUI是一款基于jQuery的前端框架,它极大地简化了网页的用户界面开发,尤其在构建管理类Web应用时,其丰富的组件和直观的操作方式使得开发者能快速搭建功能完备的界面。在本项目"my jquery easyui project...

    Java Spring4集成MyBatis SpringMVC JQuery EasyUI 后台框架

    1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。

    jquery easyUI

    总结,jQuery EasyUI 1.2 是一个强大的前端开发工具,它通过一系列预先设计好的组件,帮助开发者快速搭建功能齐全、美观的Web应用。无论是新手还是经验丰富的开发者,都能从中受益,更专注于业务逻辑的实现,提高...

    jquery.easyui 整站html模板漂亮,兼容性很好

    使用 jQuery EasyUI 创建整站HTML模板,开发者可以快速搭建出响应式布局,适应不同设备的显示需求。框架提供的 CSS 样式和 JavaScript 插件确保了页面在各种屏幕尺寸下的良好表现,无论是桌面电脑还是移动设备,用户...

    李炎恢jQuery EasyUI讲义代码

    通过这一章的学习,开发者能够快速掌握EasyUI的环境搭建和基本使用方式。 接着,“第2章 使用EasyUI”深入讲解了EasyUI的组件使用,例如按钮、表单、对话框等基础元素。这些组件在网页交互中扮演着重要角色,是构建...

    jQuery EasyUI 1.4 简体中文API文档 含完整开发工具包+皮肤+扩展+演示2

    - **开发环境搭建**: 包含的开发工具包提供了构建EasyUI应用所需的库文件,如CSS样式表、JavaScript文件、图片资源等。 - **调试与测试**: 开发工具包通常包括未压缩和未合并的文件,便于开发者调试和找出问题。 ...

    jquery-easyui-1.4.1

    《jQuery EasyUI 1.4.1:轻松构建高效用户界面》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架,用于快速开发简洁、高效、功能丰富的用户界面。标题中的 "jquery-easyui-1.4.1" 指的是这个框架的一个特定版本,即...

    jquery easyui 1.4 API(帮助文档)

    EasyUI是基于jQuery的一个轻量级、易于使用的UI库,它提供了丰富的组件,如对话框、表格、菜单、布局等,能够快速搭建功能完善的Web应用。 API文档中包含了以下关键知识点: 1. **组件介绍**:EasyUI的核心在于其...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    jQuery EasyUI 1.5.1 是一个基于 jQuery 的轻量级前端框架,它为开发者提供了丰富的组件和功能,使得构建交互式Web应用变得更加简单。这个API文档包含了三种不同的格式:chm(Windows帮助文件)、exe(可执行电子书...

    基于最新的SSH(Struts2.3.12+Spring3.2.2+Hibernate4.20)+ jquery EasyUI1.3.2的担保公司OA系统

    在压缩包文件名称列表中,“guaranty.sql”可能包含了系统的初始数据库结构或数据,用于快速搭建环境。“s2.3.12-s3.2.2-h4.2.0.userlibraries”可能是项目所需的库文件,包含Struts2、Spring和Hibernate的JAR包以及...

    springmvc+mybatis+jquery easyui+json+log4j

    项目已经过测试,表明这些组件的整合是成功的,可以直接用于二次开发,减少了新项目搭建环境和配置的时间。"note" 文件可能是项目中的笔记或文档,包含了关于项目配置、使用方法等信息,对于理解和维护这个项目至关...

    jquery-easyui-1.3.5

    《jQuery EasyUI 1.3.5:前端开发的强大工具》 jQuery EasyUI 是一个基于 jQuery 的开源框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建功能丰富的Web应用界面。在这个名为“jquery-easyui-1.3.5...

    jquery-easyui-1.3.2

    总结,jQuery EasyUI 1.3.2 是一款强大的前端开发工具,其丰富的组件库和易用性使得开发者能够快速搭建出具有专业水准的Web应用。通过深入学习和实践"jquery-easyui-1.3.2"中的实例,无论是初学者还是经验丰富的...

    jquery-easyui-1.5.3

    《jQuery EasyUI 1.5.3:打造高效前端界面的利器》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web界面变得更加简单。EasyUI 提供了丰富的UI组件,如...

    Asp.Net融合Bootstrap和Jquery EasyUI利用Ajax开发MVC框架源码

    本源码开发环境VS2013,依托数据SQL SERVER 2008 R2,开发语言C#,结合Bootstrap、Jquery EasyUI、Ajax以及一般处理程序等技术,搭建的MVC框架,如下载不能运行,或有异常,清联系邮箱liqg116@163.com。

    jQuery进阶学习资料-EasyUI教程.doc

    1. **环境搭建** - 下载JSON-RPC-Java的最新稳定版,解压后,将jsonrpc-1.0.jar放入JavaWeb工程的`/webroot/WEB-INF/lib`目录。 - 将jsonrpc.js放在`/webroot`下的任意位置,确保JSP页面可以访问。 2. **配置...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    这个"easyUI例子_easyui1.4.4"压缩包提供了一套使用 EasyUI 1.4.4 版本的经典后台管理模板,适用于开发人员快速搭建功能丰富的管理界面。 EasyUI 的核心特点是组件化和模块化,它包括一系列预定义的 CSS 样式和 ...

    jquery-easyui.rar_easyUI jsp_easyui jsp_easyui框架_jQuery.easyu

    标签中的 "easyui___jsp"、"easyui__jsp" 和 "jquery.easyui__jsp" 强调了 EasyUI 在JSP环境下的应用。这表明这个压缩包可能包含了与JSP集成的示例代码或者库文件,帮助开发者了解如何在JSP项目中使用EasyUI。 ...

    jQuery EasyUI 1.5.1 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI是一个基于jQuery库的前端框架,它...开发者可以通过"jquery-easyui-1.5.1"这个压缩包中的文件来快速搭建开发环境,结合中文API文档,学习和使用jQuery EasyUI的各种功能,从而高效地构建现代Web应用。

Global site tag (gtag.js) - Google Analytics