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>
相关推荐
基于struts,spring,hibernate,oracle环境下jquery easyui环境搭建。实现了使用jquery easyui中的datagrid显示用户列表。测试网址: http://localhost:9090/jquery-easyui-1.2.6BasedonStruts/layout.jsp
1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。
本源码开发环境VS2013,依托数据SQL SERVER 2008 R2,开发语言C#,结合Bootstrap、Jquery EasyUI、Ajax以及一般处理程序等技术,搭建的MVC框架,如下载不能运行,或有异常,清联系邮箱liqg116@163.com。
jQuery EasyUI学习案列,搭建EasyUI环境,包含jQuery EasyUI 官方API文档中文版
熟练掌握EasyUI介绍和环境搭建2.熟练掌握Messager和window组件使用3.熟练掌握Dialog组件使用.4.熟练掌握表单验证,numberbox等组件使用5.熟练掌握layout布局组件6.熟练掌握datagrid组件增删改查详解7.熟练掌握可编辑...
本系列文章将带您进入jQuery的精彩世界, 其中有很多作者...本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.
基于easyUI为环境的前端简单环境搭建包(easyUI+jQuery+jsp)
该资源为本博客中ssh项目实战中第一天搭建maven环境中的需要导入的webapp下面的文件资源,其中包含了JqueryEasyUI和JqueryZtree的资源文件等。
jQuery EasyUI简称jeasyui,也就叫easyui,是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有...
4、准备开发环境:vs2010及以上(mvc4)、sqlserver、jquery2.0和easyui1.4.5 首先来看一下列表页面的效果图: 我们期望简洁带前台代码,如下: <table id=dataGrid class=easyui-datagrid url=getList toolbar=#...
jQuery EasyUI开发前端页面,利用jQuery文件上传插件实现拖拽上传的效果并对文件类型、大小、数量进行控制;利用search-box实现查找功能 Druid(数据源配置 sql防注入 sql性能监控) 统一的异常处理 JSP JSTL ...
文件包括:搭建流程、表结构设计说明、项目代码、环境安装包、数据库脚本。 技术包括:Spring、SpringMVC、Mybatis、MySQL、EasyUI、JQuery、AJAX、HTML、CSS、JS。 功能包括: 管理员:登录、菜单管理、角色管理、...
Spring + SpringMVC + MyBatis + html+ css + JavaScript + JQuery + Ajax + easyui等等 3、项目访问 访问地址: http://localhost:8080/moti-cloud 4、ftp搭建 先搭建自己的ftp服务器,因为网盘上传的文件要放在ftp...
jquery easyui 总合 (直接看API文档 后期加上如何使用) Orcale 创建用户 先进入 Orcale 命令行 针对 BOS 系统建立新的用户 创建 bos/bos 账户, 授予角色 connect、resource -- Create the user create ...
4、 后台系统中的前端UI采用了Jquery EasyUI完成,界面更加的美观。 5、 系统后台使用多级菜单布局,并使用KindEditor框架作为富文本编辑器。 6、 前台系统中采用CSS+DIV技术开发界面,使用Jquery完成和动态效果和...
LEMS基于Spring MVC模式的实验室设备管理系统系统开发环境开发环境: Windows7、JDK1.8、IDEA、Tomcat7、MySQL5.6、Maven3.3、hMailServer技术实现: Java、Spring...前端是用EasyUI搭建简易页面;前端数据交互采用HTM
三、系统采用技术: SSM框架+Jsp+EasyUI+jQuery+Ajax+面向接口编程 四、资源说明: 1、本资源获取自本人所写的现有2k+阅读量的原创博客; 2、本资源已帮助了不下10人,亲测可用,运行方法简单; 3、本资源对应的博客...
该课程是胡延亮老师在完成《ASP.Net开发课程 MVC5入门篇》和《ASP.Net开发课程 MVC5提升篇》基础课程后的,第一门关于MVC5+EasyUI实战基础的课程,主要内容包含:环境搭建,系统登录,用户管理等基础功能。...
java项目-第57期强烈推荐版在线网上书店系统 1、项目简述 后台主要是springboot+mybatis+shiro+jsp(jsp已过时)…,前端...JSP +Spring + SpringMVC + MyBatis + html+ css + JavaScript + JQuery + Ajax + easyui等等
EasyUI UEditor JQuery Freemark activMQ httpClient MySQL FastDFS ... 开发环境 InteliJ IDEA Maven Tomcat7 JDK Nginx Git postman sqlyog win7 ... 计划 技术架构 (集群和分布式架构的区别) 工程搭建 (maven...