动态加表格的行和列,并添加值的小例子,用的是Hibernate Spring dwr。
dwr配置文件
<allow>
<create creator="spring" javascript="userlogin" >
<param name="beanName" value="userdao" />
<param name="location" value="applicationContext.xml"/>
</create>
<convert converter="bean" match="com.btm.login.entity.Users">
<param name="include" value="id,name,pass" />
</convert>
</allow>
Spring配置文件 就一点儿
<bean id="userdao" class="com.btm.login.dao.UserLoginImpl">
<property name="sessionFactory" ref="sf" />
</bean>
web配置文件 (dwr的配置)
<!-- DWR配置 -->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
javascript代码
<script type='text/javascript' src='js/util.js'></script>
<script type='text/javascript' src='js/engine.js'></script>
<script type='text/javascript' src='dwr/interface/userlogin.js'></script>
<script type="text/javascript">
<%-- 查询所有的用户--%>
function findUsers(){
userlogin.findAllUsers(
function (userList){
for(var i=0; i<userList.length;i++){
var newTr = tableTest.insertRow(1);
//添加列
var newTd0 = newTr.insertCell(0);
var newTd1 = newTr.insertCell(1);
var newTd2 = newTr.insertCell(2);
//设置列内容
newTd1.innerText = userList[i].pass;
newTd0.innerText= userList[i].name;
newTd2.innerHTML = '<input type=button class="btn" onclick=deUsers('+userList[i].id+'); value="删除">';
}
}
);
}
//删除用户
function deUsers(id){
userlogin.delUsers(id,function (bl){
});
window.location.reload();
findUsers();
}
//添加用户
function addUsers(){
var userName = document.getElementById("name").value;
var userPass = document.getElementById("pass").value;
var us = {name:userName,pass:userPass}
userlogin.addUsers(us,function(da){
alert(da);
});
window.location.reload();
findUsers();
}
</script>
页面代码
<body onload="findUsers()">
用户名:
<input id="name" size="15">
<br>
密 码:
<input id="pass" size="15">
<br>
<input type="button" class="btn" onclick="addUsers()" value="添加用户"
size="10">
<table id="tableTest" width="180" border="1" cellpadding="2"
cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF"
bgcolor="#FFFFEE">
<tr>
<td>
用户名
</td>
<td>
密码
</td>
<td>
操作
</td>
</tr>
</table>
</body>
下面是完整例子dwr index是一个登陆验证 addTable.jsp是上面的代码,后台很简单就不贴了。
分享到:
相关推荐
这个程序结合了Spring、Hibernate和Direct Web Remoting (DWR)这三个核心组件,来实现高效、动态的Web应用程序。 1. **Spring**:Spring是一个开源的Java平台,它为构建企业级应用提供了全面的基础设施。它强调依赖...
Struts2、Spring、Hibernate和DWR是Java Web开发中常用的四大框架,它们各自负责不同的职责,协同工作可以构建出高效、稳定且易于维护的Web应用程序。本项目整合了这四大框架,实现了用户注册、多级下拉联动及表格...
综上所述,"ext2.0+Hibernate+dwr+spring列子"是一个综合性的Web开发示例,它演示了如何利用EXT2.0创建用户友好的界面,借助Hibernate处理数据库操作,通过DWR实现前后端交互,以及使用Spring框架来组织和管理整个...
**整合DWR、EXTJS、Spring和Hibernate** 将这四者结合,可以创建出高性能的Web应用。DWR处理客户端与服务器的通信,EXTJS负责用户界面,Spring作为应用的架构基础,提供服务层和数据访问层的支持,而Hibernate则用于...
标题 "ext2+spring+hibernate+dwr.rar_dwr MenuManage.js_ext2 ja" 提示我们这是一个关于集成技术的项目,其中包含了ext2、Spring、Hibernate和DWR(Direct Web Remoting)四个主要组件。这个项目的具体实现是通过...
DWR允许在客户端JavaScript和服务器端Java代码之间进行实时交互,提供了强大的Ajax功能,使得用户界面更加动态和响应迅速。Struts2作为MVC(模型-视图-控制器)框架,负责处理请求、控制业务流程,并将结果呈现给...
这个系统充分利用了JavaScript库EXT JS(EXT)的强大UI组件,DWR(Direct Web Remoting)的技术来实现实时的客户端-服务器通信,以及Spring框架的依赖注入和事务管理,以及Hibernate的持久层处理。下面将详细介绍...
"dwr+ext+struts2+spring+hibernate整合"就是一个典型的例子,它涵盖了前端展示、后端控制、业务逻辑处理、持久层操作等多个层面的技术。下面将分别详细介绍这些技术以及它们在整合中的作用。 1. DWR (Direct Web ...
DWR (Direct Web Remoting)、EXT、Spring 和 Hibernate 是 Java Web 开发中的四大核心技术,它们各自在不同的领域发挥着关键作用。DWR 提供了一种在浏览器与服务器之间进行实时通信的技术,EXT 是一个强大的 ...
DWR通常需要dwr-engine.jar、dwr-api.jar以及dwr-spring.jar等,而Hibernate则需要hibernate-core.jar、hibernate-entitymanager.jar、jta.jar等。确保这些库已加入到项目的类路径中。 接着,配置Hibernate。在项目...
本项目实例是关于"ext+json+dwr+spring+hibernate"的整合,这是一个常见的技术栈组合,用于创建功能丰富的Web应用程序。下面将详细解释这些技术及其整合方式。 1. **EXT**:EXT是一个基于JavaScript的富客户端框架...
综上所述,这个“DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi”综合管理系统结合了这些技术的优势,构建了一个分层清晰、业务复杂的系统。DWR2和EXTJS2.2负责前端交互和用户界面,提供流畅的用户体验;Hibernate3.3...
这个"ext+Json+dwr+spring+hibernate整合项目实例与资源"就是一个典型的案例,它展示了如何将这五个关键技术融合在一起,以实现一个功能强大的前端和后端交互系统。让我们详细探讨这些技术及其整合方式。 1. **...
这个系统采用了经典的SSH2架构,即Struts1.2、Hibernate3.0和Spring2,同时还结合了DWR(Direct Web Remoting)技术。下面将详细阐述这些技术在系统中的作用及其相关知识点。 1. **Struts1.2**:Struts是Apache组织...
Spring作为整体架构的中心,整合其他组件如Hibernate(负责持久化)、Struts2或Spring MVC(负责控制层)、EXTJS(提供前端交互)、DWR(处理实时通信),而Maven则负责项目的构建和依赖管理。这种组合提供了全面的...
【标题】"Ext+dwr+spring做的例子程序"是一个整合了三个关键技术的示例应用,主要展示了如何在Java Web开发中结合使用EXTJS(Ext)前端框架、Direct Web Remoting (DWR) 和Spring框架。这三个技术在现代企业级应用...
【标题】"Ext+Spring+DWR+Hibernate+Struts"是将这五个技术整合到一个项目中的示例,展示了如何在Java Web开发中利用这些框架进行高效协作。 【描述】提到的学习资源是一个关于EXT(Ext JS)和Direct Web Remoting ...
在这个"简单使用DWR完整例子"中,我们将深入理解DWR的基本概念、配置、以及如何在SSH(Spring、Struts、Hibernate)技术框架下集成和应用DWR。 首先,了解DWR的核心概念至关重要。DWR通过JavaScript API使得Java...
标题中的"Hibernate+Spring+Struts2+ExtJS"是一个经典的Java Web开发框架组合,也被称为SSH2(Struts2, Spring, Hibernate)与ExtJS的集成。这个组合在过去的几年里广泛应用于企业级应用开发,提供了强大的数据持久...