`
chengyu2099
  • 浏览: 469051 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

extremeComponents 的删除 和编辑弹出页面 实现

ServletBeanSQLJSPUI 
阅读更多 
%%%%%%%%%%%%%%%%%%%%%%-2007-12-18-%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
extremeComponents 的删除 和编辑弹出页面 实现

1。分页信息输出
<div align="center" id="cz"  >
	<ec:table
	         action="${pageContext.request.contextPath}/BmServlet"
	         items="arrayBM"
	         var="a"
	         imagePath="${pageContext.request.contextPath}/images/table/*.gif"
	         width="99%"
	         tableId="resultTable1"
	         rowsDisplayed="10"
	         form="frm"
	         filterable="false"
	         sortable="false"
	        autoIncludeParameters="false">
		<ec:row>
			 <ec:column property="city_id" title="【所属地市】" width="16%"></ec:column>
	  		 <ec:column property="county_id" title="【分县公司】" width="16%"></ec:column>
   			 <ec:column property="bm_id" title="【所属部门】" width="16%"></ec:column>
       		 <ec:column property="person_id" title="【员工工号】" width="16%"></ec:column>
       	 	 <ec:column property="person_name" title="【员工姓名】" width="16%"></ec:column>

       		 <ec:column property="【编辑】" title="" width="10%">
       		 <input type="button" value="编辑" name="space">
        	 </ec:column>

       		 <ec:column property="【删除】" title="" width="10%">
      		 <input type="button" value="删除" onclick="del('${a.person_id }')">
            </ec:column>

		</ec:row>
	</ec:table>
	 <input type="hidden"  name="shanchu">
	 </div>
	 2。
	 。。。。
	 。。。
	 function del(person_id)
{
	document.frm.change.value="shanchu";
	document.frm.shanchu.value=person_id;
	frm.submit();
}
</script>

3。servlet 获取参数 然后 连接数据库 执行删除
。。。
。。。。
if(param.equals("shanchu"))
			{
				String person_id=request.getParameter("shanchu");
				//写SQL语句 删除
				System.out.println("%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%");
				System.out.println(person_id);
				System.out.println("%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%");
		    }
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
编辑
思路：用分页组件 extremecomponents 实现 编辑
然后 传参数
用JS实现 弹出页面
页面上是用JSP
然后用的是 JS限制格式
JSP action=到 SERVLET
SERVLET 获取 参数
连接数据库 update 数据 即可
很清晰的思路哦
代码：
<div align="center" id="cz"  >
	<ec:table
	         action="${pageContext.request.contextPath}/BmServlet"
	         items="arrayBM"
	         var="a"
	         imagePath="${pageContext.request.contextPath}/images/table/*.gif"
	         width="99%"
	         tableId="resultTable1"
	         rowsDisplayed="10"
	         form="frm"
	         filterable="false"
	         sortable="false"
	        autoIncludeParameters="false">
		<ec:row>
			 <ec:column property="city_id" title="【所属地市】" width="16%"></ec:column>
	  		 <ec:column property="county_id" title="【分县公司】" width="16%"></ec:column>
   			 <ec:column property="bm_id" title="【所属部门】" width="16%"></ec:column>
       		 <ec:column property="person_id" title="【员工工号】" width="16%"></ec:column>
       	 	 <ec:column property="person_name" title="【员工姓名】" width="16%"></ec:column>

       		 <ec:column property="【编辑】" title="" width="10%">
       		 <input type="button" value="编辑" onclick="edit('${a.person_id }','${a.city_id }','${a.county_id }','${a.bm_id }','${a.person_name }')" >
        	 </ec:column>

       		 <ec:column property="【删除】" title="" width="10%">
      		 <input type="button" value="删除" onclick="del('${a.person_id }')">
             </ec:column>

		</ec:row>
	</ec:table>
	 <input type="hidden"  name="shanchu">
	 </div>

....
...
function edit(person_id,city_id,county_id,bm_id,person_name)
{
	url="edit.jsp?personid="+person_id+"&cityid="+city_id+"&countyid="+county_id+"&bmid="+bm_id+"&personName="+person_name;
	//alert(url);
	window.open(url,'newwindow','height=250,width=400,top=200,left=200,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
}

</script>

JSP
<%@ page language="java"  pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<%
	String personid=new String(request.getParameter("personid").getBytes("iso8859-1"),"gbk");
	String cityid=new String(request.getParameter("cityid").getBytes("iso8859-1"),"gbk");
	String countyid=new String(request.getParameter("countyid").getBytes("iso8859-1"),"gbk");
	String bmid=new String(request.getParameter("bmid").getBytes("iso8859-1"),"gbk");
	String personName=new String(request.getParameter("personName").getBytes("iso8859-1"),"gbk");
%>
<form action="EditServlet" method="post">
<table>
	<tr><td>用户ID：</td><td><%= personid %></td></tr>
	<tr><td>用户名：</td><td><%= personName %></td></tr>
	<tr><td>城市：</td><td><%= cityid %></td></tr>
	<tr><td>区县：</td><td><input type="text" value="<%= countyid %>" name="aaa"></td></tr>
	<tr><td>部门：</td><td><input type="text" value="<%= bmid %>" name="bbb"></td></tr>
	<tr>
	<td>是否为服务人员:</td>
	<td>
	<select name="fuwu">
	<option>是</option>
	<option>否</option>
	</select>
	</td></tr>
	<tr><td><input type="submit" value="确定"></td></tr>
</table>
</form>
</body>
</html>

Servlet

。。。。。。。。。
获取表单信息 写SQL 更新 即可 很简单的 这里就不给代码了

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
。。。。。。。。。。。。。。。AJAX 联动。。。。。。。。。。。。。。。

用户管理 显示 用户信息 和提供 修改 删除 功能


《多加个权限管理 ，只是多加个权限ID 判断跳转下》
这里实现它有2中方法 一中是 用组件 extremecomponents
另一种是这里给出的代码 JAVABEAN 实现
梳理好思路 代码就 显的相当简单了
思路：
显示用户信息 我们就要获取 能判断用户唯一的 ID 或其他标示
这个ID我们从它登陆时候获取，登陆判断的时候我们把SQL 多加个
能判断用户的标示，放到SESSION里
1。点击用户管理 链接 给出一个JSP页面，获取SESSION中的权限ID
返回有没有权限登陆，如果有返回用户管理界面
输出 所有 需要的用户信息
这里是用BEAN 输出内容，（最好在登陆的时候把需要的信息都放到
BEAN中，然后ARRAY，到SESSION用的时候就方面多了。）
写一个BEAN 相反写一个SQL 获取数据库中需要的所有信息
放到BEAN中，放到ARRAY中，放到SESSION中，从JSP页面获取
SESSION，输出BEAN（FOR。。。）
编辑和删除 用的是两个连接，FOR：XxxServlet?userid='"<%= personid %>"'
编辑和删除 获取关键的ID 对应SQL数据库里相应操作
可能有点乱，写起来就清楚多了，日！
下面给出 部门代码 依次类推 就么的问题了
 <%
	 ArrayList array=(ArrayList)session.getAttribute("arrayUserInfo");
	 %>
	 <%
	 	for(int i=0;i<array.size();i++)
	 	{
	 %>
	 <%
	 	UserInfor ui=new UserInfor();
	 	ui=(UserInfor)array.get(i);
	 %>
	 <TH><%= ui.getCity_id() %></TH><TH><a href="XxxServlet?param=<%= ui.getUser_id() %>">编辑</a></TH>
	 <%} %>

2,如果用组件也不是很简单
BEAN --ARRAY--SESSION--EXTREMECOMPONENTS--
这里很开心 组件 只要有SESSION就可以显示了
真的很方面的组件啊 就是传递参数时候 用的JS 等
看起来没有SERVLET 直观些 呵呵
是自己对JS没怎么看包
删除 修改 用到 JS 传参数 修改 弹出 JS限制的
JSP 删除 直接传参 到后台 SQL删除掉
给出部分代码：
FOR：
<%@ page language="java" pageEncoding="gb2312"%>
<%@ page import ="java.util.ArrayList" %>
<%@ page import ="com.suypower.bean.UserInfor" %>
<%@ taglib uri="/WEB-INF/extremecomponents" prefix="ec"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<script lanaguage="javascript">

function del(user_id)
{
	document.frm.shanchu.value=user_id;
	alert("你将删除："+user_id+"的用户!");
	frm.submit();
}
function edit(user_id,popedom_id,role_id,user_name,city_id,county_id,user_bz)
{
	url="userInforEdit.jsp?user_id="+user_id+"&popedom_id="+popedom_id+"&role_id="+role_id+"&user_name="+user_name+"&city_id="+city_id+"&county_id="+county_id+"&user_bz=
	"+user_bz;
	//alert(url);
	window.open(url,'newwindow','height=250,width=400,top=200,left=200,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
}
</script>
	<form name="frm" action="UserManagerServlet" method="post">
	<div align="center" id="cz"  >
	<ec:table
	         action="${pageContext.request.contextPath}/UserManagerServlet"
	         items="arrayUserInfo"
	         var="a"
	         imagePath="${pageContext.request.contextPath}/images/table/*.gif"
	         width="99%"
	         tableId="resultTable1"
	         rowsDisplayed="1"
	         form="frm"
	         filterable="false"
	         sortable="false"
	        autoIncludeParameters="false">
		<ec:row>
			 <ec:column property="user_id" title="【用户ID】" width="10%"></ec:column>
	  		 <ec:column property="popedom_id" title="【用户权限】" width="15%"></ec:column>
   			 <ec:column property="role_id" title="【用户角色】" width="15%"></ec:column>
       		 <ec:column property="user_name" title="【用户名】" width="10%"></ec:column>
       		 <ec:column property="city_id" title="【城市ID】" width="10%"></ec:column>
       		 <ec:column property="county_id" title="【区县】" width="10%"></ec:column>
       	 	 <ec:column property="user_bz" title="【备注】" width="10%"></ec:column>

       		 <ec:column property="【编辑】" title="" width="10%">
       		 <input type="button" value="编辑" onclick="edit('${a.user_id }','${ a.popedom_id}','${ role_id}','${user_name }','${city_id }','${ county_id}','${ 
		 a.user_bz}')" >
        	 </ec:column>

       		 <ec:column property="【删除】" title="" width="10%">
      		 <input type="button" value="删除" onclick="del('${a.user_id }')">
             </ec:column>

		</ec:row>
	</ec:table>
	 <input type="hidden"  name="shanchu">
	 </div>

	 </form>
	 <%
	 ArrayList array=(ArrayList)session.getAttribute("arrayUserInfo");
	 %>
	 <%
	 	for(int i=0;i<array.size();i++)
	 	{
	 %>
	 <%
	 	UserInfor ui=new UserInfor();
	 	ui=(UserInfor)array.get(i);
	 %>
	 <TH><%= ui.getCity_id() %></TH><TH><a href="XxxServlet?param=<%= ui.getUser_id() %>">编辑</a></TH>
	 <%} %>
</body>
</html>
·················································································
·································SERVLET··········································
··················································································
package com.suypower.servlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.SQLException;
import java.sql.Statement;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.suypower.db.DBCon;

public class UserManagerServlet extends HttpServlet{
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		String param=new String(request.getParameter("shanchu").getBytes("iso8859-1"),"gbk");
		Connection con=null;
		Statement stmt=null;
			try
			{
				con=new DBCon().getConnection();
				stmt=con.createStatement();
				String delSQL="delete from pj_user where user_id='"+param+"'";
				stmt.execute(delSQL);
				System.out.println("删除用户ID"+param+"成功");

			}catch(SQLException e)
			{
				e.printStackTrace();
			}
	RequestDispatcher rd=request.getRequestDispatcher("userManager.jsp");
	rd.forward(request, response);
	}
}
分享到：
| addEvent-志愿者-样式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    eXtremeComponents

    eXtremeComponents控件指南

    extremecomponents

    JSF是一种用于构建MVC（模型-视图-控制器）架构的Java Web框架，而JavaFX则提供了丰富的图形用户界面组件，两者都可以与extremecomponents集成，实现高效的UI开发。 在"extremecomponentsTest"项目中，你可能会遇到...

    利用eXtremeComponents标签来实现分页实例

    本教程将详细介绍如何利用eXtremeComponents（XC）标签库中的组件来实现一个分页实例。eXtremeComponents是一个强大的JavaServer Faces (JSF)组件库，提供了丰富的UI元素，包括用于分页的组件。 首先，我们需要了解...

    eXtremeComponents组件

    通过这些资源，开发者可以快速上手，掌握eXtremeComponents组件的用法，实现复杂的数据展示和管理功能。在实际开发中，这些组件可以帮助构建高性能、用户友好的应用程序，提高开发效率，同时降低维护成本。为了充分...

    eXtremeComponents介绍

    通过eXtremeComponents和ecside的结合，开发者可以构建出功能强大、响应快速的Web应用，同时享受到高效的开发流程。无论是在大型企业项目还是小型敏捷团队中，这套组合都能发挥出其独特的优势。对于想要提升Web开发...

    eXtremeComponents-1.0.1+中文API___分页工具

    通过eXtremeComponents的分页功能，开发者可以轻松实现高效的数据管理，同时保证用户界面的流畅和友好。 总结起来，eXtremeComponents-1.0.1+中文API分页工具是Java Swing开发者的强大助手，它通过易用的API和实例...

    eXtremeComponents详解

    通过深入学习和实践，开发者可以充分利用eXtremeComponents的强大功能，为自己的Java应用带来卓越的数据处理和展示体验。同时，持续关注社区更新和文档，能保持对EC的最新进展有所了解，以便在项目中更好地应用这些...

    extremeComponents开发指南

    extremeComponents开发指南，快速掌握extremeComponents开发

    extremecomponents 包

    extremecomponents 包

    eXtremeComponents详尽文档包

    此文档可能会讨论表格的列定义、排序、过滤、分页等功能，以及如何处理数据模型和事件监听器，以实现动态数据更新和用户交互。 4. **EC标签总结.pdf** 标签可能是指EC中的标签组件或者其他与标记和分类相关的功能...

    eXtremeComponents-1.0.4.zip

    eXtremeComponents 是一个功能强大的组件库，尤其以其在JSP中的extremetable标签而闻名，它提供了一种类似于displaytag的便捷方式来处理表格展示，极大地提高了开发效率和用户体验。本文将深入探讨eXtremeComponents...

    extremeComponents源代码

    8. **国际化和本地化**：如果组件支持多语言，那么源码中可能有处理国际化和本地化的实现，这涉及到字符串资源的管理以及根据用户设置动态切换语言。 通过研究 ExtremeComponents 的源代码，开发者不仅可以了解组件...

    eXtremeComponents 源代码

    源代码的开放性使得开发者能够深入到组件的内部，了解其设计模式和实现细节，这对于提升个人技能和优化项目性能都有很大的帮助。 .jar包则是一个已经编译好的Java类库，其中包含了eXtremeComponents的所有组件。在...

    eXtremeComponents控件分页导出数据Demo.rar

    eXtremeComponents控件系列以其强大的功能和灵活的定制性，在.NET平台上赢得了广大开发者的一致好评。尤其是其分页功能，能够有效地帮助用户处理大数据集，提高用户体验。本文将深入探讨"eXtremeComponents控件分页...

    eXtremeComponents-1.0.3

    【eXtremeComponents-1.0.3】是一个软件组件包，它的出现是为了提供一套高效、易用的开发工具，以帮助程序员在构建应用程序时提高生产力和代码质量。这个版本1.0.3是该组件集合的一个稳定版本，用户反馈良好，表明它...

    extremeComponents中文文档

    文档会展示如何使用数据提供者（Data Provider）和数据适配器（Data Adapter）来实现这一点，以及如何处理数据的加载、更新和删除操作。 5. **自定义扩展** extremeComponents 允许开发者根据需求定制组件，包括...

    eXtremeComponents1.0.1.jar

    eXtremeComponents1.0.1.jar

    eXtremeComponents-1.0.1.jar

    eXtremeComponents组件,导出Excel或pdf文件的jar包

Magicbox
Global site tag (gtag.js) - Google Analytics