现在我们就来看看我们的页面设计部分。首先是登陆页面logon.jsp：
<%@ page language="java" pageEncoding="utf-8"%>
<html>
<head>
<title>HR Manager Project</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="resources/css/common.css" />
<script type="text/javascript" src="resources/js/ext-base.js"></script>
<script type="text/javascript" src="resources/js/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.get("logon").on("click", function(){
if(Ext.getDom("userName").value==""){
Ext.MessageBox.alert('提示', '请输入用户名！',function(){
Ext.get("userName").focus();
});
return;
}
if(Ext.getDom("passWord").value==""){
Ext.MessageBox.alert('提示', '请输入密码！',function(){
Ext.get("passWord").focus();
});
return;
}
var msg = Ext.get('msg');
msg.load({
url: 'logon.hr',
params: 'userName='+Ext.getDom("userName").value+'&passWord='+Ext.getDom("passWord").value,
text: '正在登陆...',
callback: function(oElement) {
if(oElement.dom.innerHTML=="success"){
oElement.dom.innerHTML="<font color='green'>验证成功，,请稍候...</font>";
window.setTimeout("window.location='index.jsp'", 200);
}
}
});
msg.show();
});
Ext.get("close").on("click",function(){
Ext.MessageBox.confirm('提示', '你确定要退出系统么?', function(button){
if(button=='yes'){
window.close();
}
});
});
});
</script>
</head>
<body class="logon-body">
<table class="logon-body-table">
<tr class="logon-body-table-tr">
<td class="logon-body-table-tr-td">
<div class="logon-body-table-tr-td-div">
<div class="logon-body-table-tr-td-div-div">
用户名 :
<input type="text" id="userName" size="20" />
</div>
<div class="logon-body-table-tr-td-div-div">
密 码 :
<input type="password" id="passWord" size="22" />
</div>
<div align="right" class="logon-body-table-tr-td-div-div">
<button id="logon">
登 陆
</button>
<button id="close">
关 闭
</button>
</div>
<div id="msg" align="right"
class="logon-body-table-tr-td-div-message">
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
下面是主页面index.jsp,主要用ExtJs构建，登陆成功后就可以进入，主要分为3个模块，员工管理，机构管理和用户管理。在员工管理里面，我们实现了对员工的CRUD并且分页显示员工信息：
<%@ page language="java" pageEncoding="utf-8"%>
<html>
<head>
<title>HR Manager</title>
<</spa
分享到：
相关推荐
总结起来，"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集，它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术，可以显著提升开发者的技能水平...
这个"ext+Json+dwr+spring+hibernate整合项目实例与资源"就是一个典型的案例，它展示了如何将这五个关键技术融合在一起，以实现一个功能强大的前端和后端交互系统。让我们详细探讨这些技术及其整合方式。 1. **...
基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架
SSH（Struts2、Spring、Hibernate）是一种经典的Java Web开发框架组合，用于构建高效、可扩展的企业级应用程序。在这个项目中，我们看到SSH被更新到了最新的版本：Struts2.3.20、Spring4.1.4和Hibernate4.3.8，这...
ExtJs+Dwr(Grid)实现分页功能，很实用
**标题：“ExtJs+ Dwr 页面登入功能”** 在网页应用开发中，用户登录功能是不可或缺的一部分，它确保了用户身份的安全验证和访问权限的控制。本项目将讲解如何使用ExtJs（一个强大的JavaScript框架）结合DWR...
在“EXTJS+DWR3.0实现文件上传”这个主题中，我们将探讨如何结合这两者来实现一个高效且用户友好的文件上传功能。在实际的Web应用中，文件上传是一个常见的需求，例如在社交媒体平台上传图片、在文档分享网站上传...
标题 "Extjs + Spring MVC + hibernate + mysql" 涉及的是一个综合性的Web应用程序开发框架，结合了前端UI库、后端MVC框架、ORM工具和关系型数据库。让我们详细了解一下这些技术及其在实际项目中的应用。 1. ExtJS...
EXTJS+S2SH+DWR 是一种常见的Web应用程序开发架构，结合了三种强大的技术来构建交互性强、用户体验良好的企业级应用。以下是对这些技术及其在雇员管理系统中的应用的详细解释： 1. EXTJS：EXTJS 是一个JavaScript库...
ExtJS 4.2+Hibernate 4.1.7+Spring MVC 3.2.8完成的后台管理项目，觉得是值得参考的实用项目 下载链接
本项目使用了`extjs4`作为前端框架，`structs2`作为MVC Web应用框架，`spring`处理业务逻辑和依赖注入，以及`hibernate`作为ORM（对象关系映射）工具，来搭建一个完整的后台系统。下面将详细介绍这四个技术及其在...
总结来说，`ExtJS+Struts+Hibernate+Spring`的组合为物流管理系统提供了强大的前端展示、高效的业务处理、便捷的数据操作和全面的架构支持。通过合理地整合这些技术，可以构建出一个高性能、易扩展且安全可靠的物流...
基于extjs+struts+hibernate+spring实现的物流管理系统，真的很不错的哦，并附有sql数据库，供大家学习交流 由于文件较大，分为三部分下载，这部分为源码，其余两部分为lib包中的jar。
总结来说，这个ExtJS+DWR的Grid实现涉及到了前端与后端的深度集成，利用了ExtJS的丰富UI组件和DWR的实时通信能力。通过Spring和Hibernate，实现了服务层和数据访问层的解耦，使得系统更易于维护和扩展。分页和分组...
DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 做的综合管理系统，数据库采用MYSQL，分层清晰，业务相对复杂，是学习框架不可多得的项目。这个是分卷，同时下载2.3.4部分
【标题】"extjs+struts+hibernate+spring(物流管理系统)-part3" 提供的是一个基于Java技术栈的物流管理系统实现，主要利用了ExtJS作为前端框架，Struts作为MVC框架，Hibernate作为ORM工具，以及Spring作为整体应用的...
标题中的"extjs+struts2+spring+hibernate"是一个典型的Java Web开发技术栈，这四个技术分别代表了前端、控制层、业务层和服务层的重要组件。下面将详细介绍这些技术及其相互间的配合。 **ExtJS** 是一个用于构建富...
DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 做的综合管理系统，数据库采用MYSQL，分层清晰，业务相对复杂，是学习框架不可多得的项目。