⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 user_modify.jsp

📁 一个用户管理系统的例子,作的很好,有前端,有后台,增加,删除,修改,查找都可以实现
💻 JSP
字号:
<%@page contentType="text/html;charset=gbk" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<html>
<head>
<title>ums-modify</title>
<link href="${pageContext.request.contextPath}/style/style.css" rel="stylesheet" type="text/css">
</head>
<body background="${pageContext.request.contextPath}/images/body_main.gif" topmargin="0" leftmargin="0">
<jsp:include page="/header.jsp" />
  
<script language="javascript" src="${pageContext.request.contextPath}/js/province.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/city.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/calendar.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/degree.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/js/global.js"></script>
<script language="javascript">
<!--
	/**********************************************
	/*
	/* 注册信息校验。
	/* 校验的项目及规则如下:
	/* 1)真实姓名:
	/*   非空
	/* 2)电子邮件:
	/*   非空
	/* 3)省、市:
	/*   非空
	/* 4)学校:
	/*   非空
	/* 5)学历:
	/*   非空
	/* 6)自我介绍:
	/*   最大长度(256个字符)
	/* Author: Alan Liu(刘新福)
	/* Created on 2003-12-07
	/**********************************************/
	function validate()
	{
		var element = getElementByName("realName");
		if(element.value.length == 0)
		{
			alert("请输入真实姓名!");
			element.focus();
			return false;
		}
	  
		element = getElementByName("email");
		if(element.value.length == 0)
		{
			alert("请输入电子邮件!");
			element.focus();
			return false;
		}
		
		element = getElementByName("province");
		if(element.value == "-1")
		{
			alert("请选择省!");
			element.focus();
			return false;
		}
		
		element = getElementByName("city");
		if(element.value == "-1")
		{
			alert("请选择市!");
			element.focus();
			return false;
		}
		
		element = getElementByName("college");
		if(element.value.length == 0)
		{
			alert("请输入学校!");
			element.focus();
			return false;
		}
		
		element = getElementByName("degree");
		if(element.value == "-1")
		{
			alert("请选择学历!");
			element.focus();
			return false;
		}
		
		element = getElementByName("introduction");
		if(element.value.length > 256)
		{
			alert("自我介绍最多为256个字符!");
			element.select();
			return false;
		}
		
		element = getElementByName("birthday");
		element.value = getElementByName("year").value + "-" + getElementByName("month").value + "-" + getElementByName("day").value;
		return true;
	}
-->
</script>

<table border="0" cellspacing="0" cellpadding="3" width="100%">
	<tr>
		<td height="40">
		  <font color="blue"><b>您的位置:-&gt; </b></font>
		  <a href="user_center.html"><font color="blue"><b>用户中心</b></font></a>
		  <font color="blue"><b>-&gt; 修改个人信息</b></font>
		</td>
	</tr>    
</table>
<br>
<form onsubmit="return validate()" method="post" action="${pageContext.request.contextPath}/user/modify.do">
<table width="650" border="1" align="center" cellspacing="0" cellpadding="3" bgcolor="#FFFFFF">
  <input type="hidden" name="id" value="${userInfo.id}" >
	<tr>
		<td align="center">用户名称</td>
		<td>${userInfo.userName}</td>
		<td align="center">真实姓名<font color="red">*</font></td>
		<td nowrap><input type="text" size="7"  name="realName" maxlength="4" value="${userInfo.realName}"><span class="notes">[必须为真实姓名,否则将被删除]</span></td>
	</tr>    
	<tr>
		<td align="center">性&nbsp;&nbsp;&nbsp;&nbsp;别</td>
		<td>
			男<input type="radio" name="gender" value="1" ${userInfo.gender == "1" ? "checked" : ""}> 
			女<input type="radio"  name="gender" value="2" ${userInfo.gender == "2" ? "checked" : ""}>
		</td>
		<td align="center">出生日期<font color="red">*</font></td>
		<td>
			<select name="year" onchange="javascript:addDay(this ,getElementByName('month'), getElementByName('day'))"></select>年
			<select name="month" onchange="javascript:addDay(getElementByName('year'), this, getElementByName('day'))"></select>月
			<select name="day"></select>日
			<input type="hidden" size="10" name="birthday">
		</td>
	</tr>
	<tr>
		<td align="center">电子邮件<font color="red">*</font></td>
		<td>
			<input type="text" size="30" name="email" maxlength="30" value="${userInfo.email}">            
		</td>
		<td align="center">电&nbsp;&nbsp;&nbsp;&nbsp;话</td>
		<td><input type="text" size="20" name="phone" maxlength="12" value="${userInfo.phone}"></td>
	</tr>
	<tr>
		<td align="center">毕业学校<font color="red">*</font></td>
		<td>
			<input type="text" size="30" name="college" maxlength="30" value="${userInfo.college}">            
		</td>
		<td align="center">学&nbsp;&nbsp;&nbsp;&nbsp;历<font color="red">*</font></td>
		<td>
			<select name="degree" style="width:133"> 
				<option value="-1">------请选择------</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="center">来&nbsp;&nbsp;&nbsp;&nbsp;自<font color="red">*</font></td>
		<td colspan="3">
			<select name="province" onchange="initCity(getElementByName('city'),'', this.value, '1')" style="width:150"> 
				<option value="-1">---请选择(省)---</option>
			</select><font color="red">*</font>
			<select name="city" style="width:150"> 
				<option value="-1">---请选择(市)---</option>
			</select>
		</td>
	</tr>
	<tr>
		<td align="center">业余爱好</td>
		<td colspan="3">
			读书<input type="checkbox" name="hobbies" value="1" ${fn:contains(userInfo.hobbies,"1") ? "checked" : ""}>
			足球<input type="checkbox" name="hobbies" value="2" ${fn:contains(userInfo.hobbies,"2") ? "checked" : ""}>
			篮球<input type="checkbox" name="hobbies" value="3" ${fn:contains(userInfo.hobbies,"3") ? "checked" : ""}>
			购物<input type="checkbox" name="hobbies" value="4" ${fn:contains(userInfo.hobbies,"4") ? "checked" : ""}>
			游戏<input type="checkbox" name="hobbies" value="5" ${fn:contains(userInfo.hobbies,"5") ? "checked" : ""}>
			健身<input type="checkbox" name="hobbies" value="6" ${fn:contains(userInfo.hobbies,"6") ? "checked" : ""}>
		</td>
	</tr>
	<tr>
		<td valign="top" align="center">自我介绍</td>
		<td colspan="3"><textarea cols="90" rows="5" name="introduction">${userInfo.introduction}</textarea></td>
	</tr>
</table>
<br>
<center>
	<input type="submit" class="button" value="保 存">&nbsp;
	<input type="button" class="button" value="取 消" onclick="history.back()">
</center>
</form>
<script language="javascript">
<!--
	initProvince(getElementByName('province'), '${userInfo.province}');
	initCity(getElementByName('city'), '${userInfo.city}', getElementByName('province').value, '1');
	var ymd = "${userInfo.birthday}".split("-");
	var defaultYear, defaultMonth, defaultDay;
	if(ymd.length > 0)
	{
		defaultYear = ymd[0];
		defaultMonth = ymd[1];
		defaultDay = ymd[2];
	}    
	initDate(getElementByName('year'), defaultYear, getElementByName('month'), defaultMonth, getElementByName('day'), defaultDay);
	initDegree(getElementByName('degree'), '${userInfo.degree}');
	getElementByName("realName").focus();
-->
</script>
<jsp:include page="/footer.jsp" />
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -