`
Messi光明
  • 浏览: 53566 次
  • 性别: 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

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

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

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

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

    easyui学习.rar

    jQuery EasyUI学习案列,搭建EasyUI环境,包含jQuery EasyUI 官方API文档中文版

    Java整合JQueryEasyUI详解

    熟练掌握EasyUI介绍和环境搭建2.熟练掌握Messager和window组件使用3.熟练掌握Dialog组件使用.4.熟练掌握表单验证,numberbox等组件使用5.熟练掌握layout布局组件6.熟练掌握datagrid组件增删改查详解7.熟练掌握可编辑...

    从零开始学习jQuery系列教程

    本系列文章将带您进入jQuery的精彩世界, 其中有很多作者...本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.

    webapp.rar-easyUI

    基于easyUI为环境的前端简单环境搭建包(easyUI+jQuery+jsp)

    SSH项目实战第一天资料

    该资源为本博客中ssh项目实战中第一天搭建maven环境中的需要导入的webapp下面的文件资源,其中包含了JqueryEasyUI和JqueryZtree的资源文件等。

    基于SSH2+Maven+EasyUI+MySQL技术实战开发易买网电子商务交易平台

    jQuery EasyUI简称jeasyui,也就叫easyui,是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有...

    利用ASP.NET MVC+EasyUI+SqlServer搭建企业开发框架

    4、准备开发环境:vs2010及以上(mvc4)、sqlserver、jquery2.0和easyui1.4.5 首先来看一下列表页面的效果图: 我们期望简洁带前台代码,如下: &lt;table id=dataGrid class=easyui-datagrid url=getList toolbar=#...

    MF00331-JAVA制造装备物联生产管理(ERP)源码.zip

    jQuery EasyUI开发前端页面,利用jQuery文件上传插件实现拖拽上传的效果并对文件类型、大小、数量进行控制;利用search-box实现查找功能 Druid(数据源配置 sql防注入 sql性能监控) 统一的异常处理 JSP JSTL ...

    毕设项目——基于SSM的高校后勤管理系统(内含搭建流程)

    文件包括:搭建流程、表结构设计说明、项目代码、环境安装包、数据库脚本。 技术包括:Spring、SpringMVC、Mybatis、MySQL、EasyUI、JQuery、AJAX、HTML、CSS、JS。 功能包括: 管理员:登录、菜单管理、角色管理、...

    java项目-第44期ssm项目哈哈网盘系统.zip

    Spring + SpringMVC + MyBatis + html+ css + JavaScript + JQuery + Ajax + easyui等等 3、项目访问 访问地址: http://localhost:8080/moti-cloud 4、ftp搭建 先搭建自己的ftp服务器,因为网盘上传的文件要放在ftp...

    BOS 技术整理

    jquery easyui 总合 (直接看API文档 后期加上如何使用) Orcale 创建用户 先进入 Orcale 命令行 针对 BOS 系统建立新的用户 创建 bos/bos 账户, 授予角色 connect、resource -- Create the user create ...

    JavaEE大型分布式电商项目 淘淘商城 29期

    4、 后台系统中的前端UI采用了Jquery EasyUI完成,界面更加的美观。 5、 系统后台使用多级菜单布局,并使用KindEditor框架作为富文本编辑器。 6、 前台系统中采用CSS+DIV技术开发界面,使用Jquery完成和动态效果和...

    lems-ssm:实验室设备管理

    LEMS基于Spring MVC模式的实验室设备管理系统系统开发环境开发环境: Windows7、JDK1.8、IDEA、Tomcat7、MySQL5.6、Maven3.3、hMailServer技术实现: Java、Spring...前端是用EasyUI搭建简易页面;前端数据交互采用HTM

    基于SSM搭建的学生信息管理系统项目源码+导入视频

    三、系统采用技术: SSM框架+Jsp+EasyUI+jQuery+Ajax+面向接口编程 四、资源说明: 1、本资源获取自本人所写的现有2k+阅读量的原创博客; 2、本资源已帮助了不下10人,亲测可用,运行方法简单; 3、本资源对应的博客...

    ASP.NET开发课程 MVC5+EasyUI实战基础(系统登录)

    该课程是胡延亮老师在完成《ASP.Net开发课程 MVC5入门篇》和《ASP.Net开发课程 MVC5提升篇》基础课程后的,第一门关于MVC5+EasyUI实战基础的课程,主要内容包含:环境搭建,系统登录,用户管理等基础功能。...

    java项目-第57期强烈推荐版在线网上书店系统.zip

    java项目-第57期强烈推荐版在线网上书店系统 1、项目简述 后台主要是springboot+mybatis+shiro+jsp(jsp已过时)…,前端...JSP +Spring + SpringMVC + MyBatis + html+ css + JavaScript + JQuery + Ajax + easyui等等

    基于SSM框架的Java电商项目

    EasyUI UEditor JQuery Freemark activMQ httpClient MySQL FastDFS ... 开发环境 InteliJ IDEA Maven Tomcat7 JDK Nginx Git postman sqlyog win7 ... 计划 技术架构 (集群和分布式架构的区别) 工程搭建 (maven...

Global site tag (gtag.js) - Google Analytics