由于要导入好多js文件和cs文件,并且每个页面都需要导入,所以我把公共的导入js和css文件放在了一个jsp里面,在用到的里面直接导入即可,

此项目用到的js文件下载:这里

用到的css文件的下载:这里

公共的导入外部js和css的jsp(commTop.jsp)

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<link rel="stylesheet" type="text/css" href="<%=path %>/easyui/css/demo.css"><link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/black/easyui.css"><link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/icon.css"><script type="text/javascript" src="<%=path %>/js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="<%=path %>/js/jquery.easyui.min.js"></script><script type="text/javascript" src="<%=path %>/js/easyui-lang-zh_CN.js"></script>

接下来进入首页index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="commTop.jsp"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>首页</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><style type="text/css">#top{width:30%;line-height:60px;margin:0px auto;}</style><script type="text/javascript">$(function(){$("#btn1").click(function(){var ename=$("#empName").val();var deptno=$("#deptno").val();$("#dg").datagrid("reload",{"cond.empName":ename,"cond.dept.deptno":deptno});});/* 树形菜单 */$("#tree").tree({url:'grtallDept.action',animate:true,onClick:function(node){if(node.id!=0){//alert(node.id);//将部门名称保存到隐藏域中$("#deptno").val();   //当前的id$("#dg").datagrid({url:'getEmp.action',queryParams: {"cond.dept.deptno": node.id},pagination:true,pageSize:2,pageList:[2,4,6,8],columns:[[   {field:'empno',title:'编号',width:100},   {field:'ename',title:'姓名',width:100},   {field:'job',title:'职位',width:100,align:'right'}   ]]});};}, onDblClick:function(node){$(this).tree("toggle",node.target);}});});</script></head><body class="easyui-layout">  <div data-options="region:'north',title:'头部',split:true" style="height:100px;"><div id="top"><h2>员工信息查询系统</h2></div></div>  <div data-options="region:'south',title:'尾部',split:true" style="height:100px;"></div>  <div data-options="region:'east',iconCls:'icon-reload',title:'右边',split:true" style="width:100px;"></div>  <div data-options="region:'west',title:'部门信息',split:true" style="width:200px;"><!-- 树形菜单 --><ul id="tree"></ul>  </div>  <div data-options="region:'center',title:'员工信息'" style="padding:5px;background:#eee;"><!-- datagrid --><span style="color:black">员工姓名:</span><input type="text" id="empName"/><input type="hidden" id="deptno"/><input type="button" value="查询" id="btn1"/><table id="dg"></table>  </div>
</body>
</html>

struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Jsp页面相关推荐

  1. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——hibernate的config文件(hibernate.cfg.xml)...

    hibernate.cfg.xml文件,必不可少的一个xml文件,上面附有数据库的用户名,密码,链接字符串,方言等信息,还包含映射的文件路径: <?xml version='1.0' encod ...

  2. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——hibernate的config文件(hibernate.cfg.xml)

    hibernate.cfg.xml文件,必不可少的一个xml文件,上面附有数据库的用户名,密码,链接字符串,方言等信息,还包含映射的文件路径: <?xml version='1.0' encod ...

  3. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Emp实体类和对应的配置信息

    easyui是jquery中很强大的插件,我们开发人员经常会遇到比较复杂的布局,或者在实现某个功能的时候要写好多的代码,比如说分页,那么easyui的datagrid就把他给代替了,现在我简要的分享几 ...

  4. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——struts.xml配置详情

    最后我们来看一下struts.xml里面是怎么配置的呢, struts.xml: <?xml version="1.0" encoding="UTF-8" ...

  5. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Action的实现类

    主要的业务操作都在这个struts的Action里面,大家来看看: /** * @Title: EmpAction.java * @Package org.web * @Description: TO ...

  6. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——OpSessionview实现

    此过滤器的功能就是让Session始终保持着一个打开的状态: /** * @Title: OpenSessionFilter.java * @Package org.web * @Descriptio ...

  7. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——工具类

    次此篇文章是两个工具类的实现,HibernateUtil.java和分页的工具类PageUtil.java的实现: 先看看HibernateUtil.java的实现: package org.util ...

  8. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——EmpDao层代码

    严格按照三层架构来写的,Dao层的代码比较少,我直接把Emp和实现类的都放在这篇文章里面吧, IEmpDao.java接口: /** * @Title: IEmpDao.java * @Package ...

  9. struts+hibernate+oracle+easyui实现lazyout组件的简单案例——Dept实体类和对应的配置信息

    现在请大家看看Dept的实体类和对应的映射信息: Dept实体类 package org.entity;import java.util.HashSet; import java.util.Set;/ ...

最新文章

  1. Access sql语句创建表及字段类型
  2. python语言接口_Python-接口自动化(一)
  3. JQuery解析JSON数据
  4. LeetCode Queue Reconstruction by Height(贪心)
  5. Python爬虫开发:requests库的使用--https协议的问题解决
  6. Spring5参考指南:IOC容器
  7. JSON字符串和实体类的相互转化
  8. inventor软件绘制百叶窗方法_三维工厂设计该使用什么软件?
  9. 美国下注15亿美元重点搞芯片!电子复兴5年计划首批入围项目曝光
  10. mybatis主键返回
  11. java中得到文件MIME类型的几种方法(转)
  12. python垃圾回收离职_详细解说python垃圾回收机制
  13. 纯js开发android,js开发app_安卓app开发引擎
  14. 计算机二级mysql数据库试题,计算机二级mysql数据库模拟试题及答案.docx
  15. 如何回复审稿人的意见?(总结)
  16. linux脚本-z,shell脚本中的-a到-z的意思
  17. Pytorch Note46 生成对抗网络的数学原理
  18. OJ 1308 让人头疼的“双十一”
  19. 第一篇 .NET高级技术之索引器
  20. 一起学Java虚拟机(一),数据结构java语言描述百度云

热门文章

  1. Zookeeper实践与应用-- Nginx负载均衡差异
  2. HTMLCSS 超简单的前端设计入门-1!
  3. word List 50
  4. 数据结构---B-(B)、B+的总结
  5. Java开发Web Service的简介
  6. Qt 调试Caffe
  7. P6295 有标号 DAG 计数(多项式指数函数对数函数/二项式反演/动态规划/生成函数)
  8. 【BZOJ4916】神犇和蒟蒻(杜教筛)
  9. Codeforces Round #686 (Div. 3) E. Number of Simple Paths 基环树 + 容斥
  10. cf1561D Up the Strip(D1D2)