用户管理的设计--2.新增用户信息实现
Posted 一只笨笨鸟
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用户管理的设计--2.新增用户信息实现相关的知识，希望对你有一定的参考价值。
页面效果
1.点击【添加用户】
2.弹出新界面，用于添加新的用户信息
实现步骤
1.Action类设计
(1)添加add()方法，用于加载数据字典，完成下拉选项的初始化，并跳转到新增页面
/** * @Name: add * @Description: 弹出添加用户窗口 * @Parameters: 无 * @Return: String：跳转到system/userAdd.jsp */ public String add(){ //加载数据字典，遍历性别，职位，所属单位，是否在职 this.initSystemDDL(); return "add"; } /**加载数据字典，用来遍历性别，职位，所属单位，是否在职*/ private void initSystemDDL() { List<ElecSystemDDL> sexList = elecSystemDDLService.findSystemDDLListByKeyword("性别"); request.setAttribute("sexList", sexList); List<ElecSystemDDL> postList = elecSystemDDLService.findSystemDDLListByKeyword("职位"); request.setAttribute("postList", postList); List<ElecSystemDDL> isDutyList = elecSystemDDLService.findSystemDDLListByKeyword("是否在职"); request.setAttribute("isDutyList", isDutyList); List<ElecSystemDDL> jctList = elecSystemDDLService.findSystemDDLListByKeyword("所属单位"); request.setAttribute("jctList", jctList); }
(2).在struts.xml中添加映射
<result name="add">/WEB-INF/page/system/userAdd.jsp</result>
2.JSP页面设计
添加userAdd.jsp，注意将request集合对象遍历到下拉选项中
<%@ page language="java" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s" %> <html> <head> <title>添加用户</title> <LINK href="${pageContext.request.contextPath }/css/Style.css" type="text/css" rel="stylesheet"> <script language="javascript" src="${pageContext.request.contextPath }/script/function.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/script/validate.js"></script> <script language="javascript" src="${pageContext.request.contextPath }/script/showText.js"></script> <script language="javascript" src="${pageContext.request.contextPath }/script/limitedTextarea.js"></script> <Script language="javascript"> function fileTr(){ var value = $("#BT_File").val(); if(value == "打开附件"){ $("#trFile").css("display",""); $("#BT_File").val("隐藏附件"); $("#item").css("display",""); } else{ $("#trFile").css("display","none"); $("#BT_File").val("打开附件"); $("#item").css("display","none"); } } function insertRows(){ //获取表格对象 var tb1 = $("#filesTbl"); var tempRow = $("#filesTbl tr").size();//获取表格的行数,+1的目的去掉添加选项的按钮 var $tdNum = $("<td align=\'center\'></td>"); $tdNum.html(tempRow); var $tdName = $("<td align=\'center\'></td>"); $tdName.html("<input name=\\"uploads\\" type=\\"file\\" size=\\"25\\" id=\\""+tempRow+"\\">"); var $tdDel = $("<td align=\'center\'></td>"); $tdDel.html("<a href=\'javascript:delTableRow(\\""+tempRow+"\\")\'><img src=${pageContext.request.contextPath }/images/delete.gif width=15 height=14 border=0 style=CURSOR:hand></a>"); // 创建tr，将3个td放置到tr中 var $tr = $("<tr></tr>"); $tr.append($tdNum); $tr.append($tdName); $tr.append($tdDel); //在表格的最后追加新增的tr tb1.append($tr); } function delTableRow(rowNum){ //改变行号和删除的行号 var tb1 = $("#filesTbl"); var tempRow = $("#filesTbl tr").size();//获取表格的行数 if (tempRow >rowNum){ //获取删除行的id指定的对象，例如：<input name=\\"itemname\\" type=\\"text\\" id=\\""+tempRow+"\\" size=\\"45\\" maxlength=25> $("#"+rowNum).parent().parent().remove(); //加1表示寻找下一个id，目的是将后面tr的格式向上移动 for (i=(parseInt(rowNum)+1);i<tempRow;i++){ //将i-1的值赋值给编号 $("#"+i).parent().prev().html(i-1); //将i-1的值赋值给超链接的删除 $("#"+i).parent().next().html("<a href=\'javascript:delTableRow(\\""+(i-1)+"\\")\'><img src=${pageContext.request.contextPath }/images/delete.gif width=15 height=14 border=0 style=CURSOR:hand></a>");// //将i-1的值赋值给文本框的id，用于删除 $("#"+i).attr("id",(i-1));//将id设置成i-1 } } } </script> </head> <body> <form name="Form1" id="Form1" method="post" enctype="multipart/form-data"> <br> <table cellSpacing="1" cellPadding="5" width="680" align="center" bgColor="#eeeeee" style="border:1px solid #8ba7e3" border="0"> <tr> <td class="ta_01" align="center" colSpan="4" background="${pageContext.request.contextPath }/images/b-info.gif"> <font face="宋体" size="2"><strong>添加用户</strong></font> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">登 录 名：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <s:textfield name="logonName" maxlength="25" id="logonName" size="20" onblur="checkUser(this);"></s:textfield> <div id="check"></div> </td> <td width="18%" align="center" bgColor="#f5fafe" class="ta_01">用户姓名：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <s:textfield name="userName" maxlength="25" id="userName" size="20"></s:textfield> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">性别：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <s:select list="#request.sexList" name="sexID" id="sexID" listKey="ddlCode" listValue="ddlName" headerKey="" headerValue="请选择" cssStyle="width:155px"></s:select> </td> <td align="center" bgColor="#f5fafe" class="ta_01">职位：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <s:select list="#request.postList" name="postID" id="postID" listKey="ddlCode" listValue="ddlName" headerKey="" headerValue="请选择" cssStyle="width:155px"></s:select> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">所属单位：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <s:select list="#request.jctList" name="jctID" id="jctID" listKey="ddlCode" listValue="ddlName" headerKey="" headerValue="请选择" cssStyle="width:155px" onchange="findJctUnit(this)"></s:select> </td> <td align="center" bgColor="#f5fafe" class="ta_01">单位名称：<font color="#FF0000">*</font></td> <td class="ta_01" bgColor="#ffffff"> <select id="jctUnitID" name="jctUnitID" style="width:155px"></select> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">密码：</td> <td class="ta_01" bgColor="#ffffff"> <s:password name="logonPwd" id="logonPwd" maxlength="25" size="22"></s:password> </td> <td align="center" bgColor="#f5fafe" class="ta_01">确认密码：</td> <td class="ta_01" bgColor="#ffffff"> <s:password name="passwordconfirm" id="passwordconfirm" maxlength="25" size="22"></s:password> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">出生日期：</td> <td class="ta_01" bgColor="#ffffff"> <s:textfield name="birthday" id="birthday" maxlength="50" size="20" onClick="WdatePicker()"></s:textfield> </td> <td align="center" bgColor="#f5fafe" class="ta_01">联系地址：</td> <td class="ta_01" bgColor="#ffffff"> <s:textfield name="address" maxlength="50" size="20"></s:textfield> </td> </tr> <tr> <td align="center" bgColor="#f5fafe" class="ta_01">联系电话：</td> <td class="ta_01" bgColor="#ffffff"以上是关于用户管理的设计--2.新增用户信息实现的主要内容，如果未能解决你的问题，请参考以下文章《java精品毕设》基于javaweb宠物领养平台管理系统（源码+毕设论文+sql）:主要实现:个人中心,信息修改,填写领养信息,交流论坛,新闻,寄养信息,公告,宠物领养信息,我的寄养信息等(代码片段