现在我们就来看看我们的页面设计部分。首先是登陆页面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
分享到：
相关推荐
而今天我们要做的一个demo是一个简化的HRMS(人力资源管理系统)，在SSH上因为Spring本身有自己的MVC框架实现，所以我们用它来代替struts，在Ajax上我们采用两大框架组件extjs和dwr,前者可以做出非常炫目的页面效果，...
而今天我们要做的一个demo是一个简化的HRMS(人力资源管理系统)，在SSH上因为Spring本身有自己的MVC框架实现，所以我们用它来代替struts，在Ajax上我们采用两大框架组件extjs和dwr,前者可以做出非常炫目的页面效果，...
- 该项目是一个基于B/S架构的CRM系统，采用Struts、Spring、Hibernate、DWR和ExtJS五个框架。 - 系统分为四个层次：View层（显示层）、Control层（控制层）、Service层（业务逻辑层）和DAO层（数据库访问对象层）...
这个项目是一个基于B/S模式的客户关系管理系统，采用了Struts、Spring、Hibernate、DWR和ExtJS五个框架。系统架构包括View层（显示层）、Control层（控制层）、Service层（业务逻辑层）和DAO层（数据库访问对象层）...
2. 应用Struts, Spring, Hibernate, DWR和ExtJS框架实现项目： - Struts: 了解Struts框架的基本工作原理和MVC设计模式，掌握Struts配置文件的编写，以及如何使用Struts进行Web层的控制和数据提交。 - Spring: 熟悉...
本项目旨在构建一个基于B/S模式的客户关系管理系统（CRM），采用Struts、Spring、Hibernate、DWR和ExtJS五个主流框架，实现了丰富的功能模块。 **关键技术栈：** - **Struts：** MVC框架，用于构建应用程序的控制层...
4. **项目四：人力资源管理系统 (HRMS)** - **自定义MVC框架**：手动实现MVC架构，提升理解和定制能力。 - **工作流**：模拟招聘流程，从简历筛选到入职，实现自动化管理。 - **数据统计**：收集和分析人力资源...