后台jsp goodsUpdate.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title></title>
<link rel="stylesheet" href="admin/css/basic.css" type="text/css" />
<link rel="stylesheet" href="admin/css/goods.css" type="text/css" />
<script type="text/javascript" src="admin/js/goods.js"></script>
</head>

<body>
	<div class="search">
		<table cellpadding="0" cellspacing="0">
			<tr class="searchInput">
				<td>
					<form action="goodsUpdate" method="get">
					<input type="text" class="text" name="id" value="${pItem.products_id }" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"  />
						<input type="submit" class="submit" value="搜索" />
					</form>
					</td>
			</tr>
	</table>
	</div>
	<form action="goodsUpdate?id=${pItem.products_id }" method="post">
		<div class="fillIn">
			<table cellpadding="0" cellspacing="0">
				<tr class="explain">
					<td colspan="10">商品内容修改</td>
				</tr>
				<tr class="item">
					<td class="key">商品编号</td>
					<td class="value">${pItem.products_id }<input type="hidden" name="uid" value="${pItem.products_id }"/></td>
					<td class="key">商品类型</td>
					<td class="value">
					<select name="classifyId" onblur="javascript:ajaxBrandbyclassifyId(this);">
							<c:forEach var="item" items="${pc2List}" varStatus="i">  
							<option  value="${item.products_classify_id  }" <c:if test="${pItem.classifyId eq item.products_classify_id }">selected="selected"</c:if>>${item.products_classify_content }</option>
							</c:forEach>
					</select>
					</td>
					<td class="key">商品品牌</td>
					<td class="value">
					<select name="brandId" id="brand">
							<option value="${pItem.brandId }">${pItem.brand }</option>
					</select>
					</td>
					<td class="key">商品型号</td>
					<td class="value">
					<input type="text" value="${pItem.model }" name="model" style=" width:120px;" />(50字节之内)</td>
					<td class="key">上传时间</td>
					<td class="value">${pItem.time }</td>
				</tr>
				<tr class="item">
					<td class="key">商品图</td>
					<td class="value">
						<a href="goods?id=${pItem.products_id}" target="_blank"
						title="${pItem.introduce} 分类：${pItem.classify} 品牌：${pItem.brand} 型号： ${pItem.model}"><img src="images/share/${pItem.print }" width="20" height="15" />
					</a>
					</td>
					<td class="key">商品价格</td>
					<td class="value"><input type="text" value="${pItem.price }" name="price" style="width:60px;" />
					</td>
					<td class="key">商品库存</td>
					<td class="value"><input type="text" value="${pItem.number }" name="number" style="width:42px;" />
					</td>
					<td class="key">商品状态</td>
					<td class="value">
					<select name="statusId">
							<c:forEach var="item" items="${psList}" varStatus="i">  
							<option  value="${item.products_status_id  }" <c:if test="${pItem.status_id eq item.products_status_id }">selected="selected"</c:if>>${item.products_status_content }</option>
							</c:forEach>
					</select>
					</td>
					<td class="value" colspan="2"></td>
				</tr>
				<tr class="item">
					<td class="key">商品介绍</td>
					<td class="value" colspan="9"><input type="text" name="introduce"
						value="${pItem.introduce }"
						style=" width:920px;" />(120字节之内)</td>
				</tr>
				<tr class="item">
					<td class="key">商品描述</td>
					<td class="value" colspan="9"><input type="text" name="bewrite"
						value="${pItem.bewrite }" style=" width:920px;" />(120字节之内)</td>
				</tr>
				<tr class="update">
					<td colspan="10"><input type="submit" class="submit f_r"
						value="修改" />
					</td>
				</tr>
			</table>
		</div>
	</form>

	<form action="admin/smartuploadGoods.jsp" method="post"  enctype="multipart/form-data">
		<div class="upload">
			<table cellpadding="0" cellspacing="0">
				<tr class="explain">
					<td colspan="4"><input type="hidden" name="uid" value="${pItem.products_id }"/>商品图片替换</td>
				</tr>
				<tr class="item">
					<td class="key">商品小图显示(80*60)</td>
					<td class="value"><img src="images/share/${pItem.print }" width="80"
						height="60" />
					</td>
					<td class="key">商品中图显示(180*135)</td>
					<td class="value"><img src="images/share/${pItem.picture }" width="100"
						height="80" />
					</td>
				</tr>
				<tr class="item">
					<td class="key">商品小图路径(80*60)</td>
					<td class="value">/newegg/images/share/${pItem.print }</td>
					<td class="key">商品中图路径(180*135)</td>
					<td class="value">/newegg/images/share/${pItem.picture }</td>
				</tr>
				<tr class="item">
					<td class="key">商品小图上传(80*60)</td>
					<td class="value"><input type="file" name="pic"/>
					</td>
					<td class="key">商品中图上传(180*135)</td>
					<td class="value"><input type="file" name="pic2" />
					</td>
				</tr>
				<tr class="update">
					<td colspan="4"><input type="submit" class="submit"
						value="替换" />
					</td>
				</tr>
			</table>
		</div>
	</form>

	<form action="admin/smartuploadImages.jsp" method="post"  enctype="multipart/form-data">
		<div class="upload">
			<table cellpadding="0" cellspacing="0">
				<tr class="explain">
					<td colspan="5"><input type="hidden" name="uid" value="${pItem.products_id }"/>商品大小图上传或修改</td>
				</tr>
				<c:forEach var="item" items="${piList}" varStatus="i">  
				<tr class="item">
					<td class="key">小图位置${i.index+1 }显示(80*60)</td>
					<td class="value"><img src="images/share/${item.products_smallmap }"
						width="80" height="60" />
					</td>
					<td class="key">大图位置${i.index+1 }显示(640*480)</td>
					<td class="value"><img src="images/share/${item.products_large }"
						width="180" height="135" />
					</td>
					<td class="value" style="width: 80px;">
						<a  href="javascript:if(confirm('确认是否删除该组图')){location.href='goodsUpdate?id=${pItem.products_id }&delImgById=${item.products_smallmap }';}">
						<input style="color: #fff; font-family:Arial;" type="button" class="submit" value="删除"  /></a>
					</td>
				</tr>
				<tr class="item">
					<td class="key">小图位置${i.index+1 }路径(80*60)</td>
					<td class="value">/newegg/images/share/${item.products_smallmap }</td>
					<td class="key">大图位置${i.index+1 }路径(640*480)</td>
					<td class="value">/newegg/images/share/${item.products_large }</td>
					<td class="value" style="width: 80px;">&nbsp;</td>
				</tr>
				</c:forEach>
				<tr class="item">
					<td class="key">商品小图上传(80*60)</td>
					<td class="value"><input type="file" name="pic3" />
					</td>
					<td class="key">商品大图上传(640*480)</td>
					<td class="value"><input type="file" name="pic4" />
					</td>
					<td class="value" style="width: 80px;">&nbsp;</td>
				</tr>
				<tr class="update">
					<td colspan="5">
						<input type="submit" class="submit" value="确定" />
						<a  href="javascript:if(confirm('确认是否删除清空大小图')){location.href='goodsUpdate?id=${pItem.products_id }&delImg=yes';}">
						<input type="button" class="submit f_r" value="清空" style="margin-right:10px;" /></a>
					</td>
				</tr>
			</table>
		</div>
	</form>

	<form action="admin/smartuploadContent.jsp" method="post"  enctype="multipart/form-data">
		<div class="upload">
			<table cellpadding="0" cellspacing="0">
				<tr class="explain">
					<td colspan="2"><input type="hidden" name="uid" value="${pItem.products_id }"/>商品内容上传或修改</td>
				</tr>
				<c:forEach var="item" items="${pcList}" varStatus="i">  
				<tr class="item">
					<td class="value">
					<img src="images/share/${item.products_content }" />
					</td>
					<td class="value" style="width: 80px;">
						<a  href="javascript:if(confirm('确认是否删除该内容图')){location.href='goodsUpdate?id=${pItem.products_id }&delConById=${item.products_content}';}">
						<input style="color: #fff; font-family:Arial;" type="button" class="submit" value="删除"  /></a>
					</td>
				</tr>
				</c:forEach>
				<tr class="item">
					<td class="value"><input type="file" name="pic5" />
					</td>
					<td class="value" style="width: 80px;">&nbsp;</td>
				</tr>
				<tr class="update">
					<td colspan="2"><input type="submit" class="submit" value="确定" />
					<a  href="javascript:if(confirm('确认是否删除清空内容图')){location.href='goodsUpdate?id=${pItem.products_id }&delCon=yes';}">
					<input type="button" class="submit f_r" value="清空" style="margin-right:10px;" /></a>
					</td>
				</tr>
			</table>
		</div>
	</form>

	<div style="height:30px;"></div>
</body>
</html>

 

/* CSS Document */
.submit{ background:#f7661f; color:#fff; text-align:center; width:46px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit:hover{ background:#ff971c;}

.search{ width:1100px; margin:0 auto 20px auto;}
.search table{width:100%; border:1px solid #ccc;}
.searchInput{ background:#f4f4f4; height:34px;}
.searchInput form{ display:inline; margin-left:10px; margin-right:8px;}
.searchInput .text{ border:1px solid #ccc; height:18px; line-height:18px; padding-left:6px; font-family:"Arial"; width:80px;}

.fillIn{ width:1100px; margin:0 auto;}
.fillIn table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.fillIn table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.fillIn table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.fillIn table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑";}
.fillIn table .item .value{ color:#333; font-family:"微软雅黑";}
.fillIn table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.fillIn table .update td{ height:28px; padding-right:10px;}

.upload{ width:1100px; margin:20px auto 0 auto;}
.upload table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.upload table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.upload table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.upload table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑"; text-align:right; padding-right:10px;}
.upload table .item .value{ color:#333; font-family:"微软雅黑";}
.upload table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.upload table .update td{ height:28px; padding-right:10px;}

 

//JavaScript Document
function $(id){  
	return document.getElementById(id);  
} 

function ajaxBrandbyclassifyId(obj){
	var brand = $("brand");
	brand.innerHTML="";
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxBrandbyclassifyId?classifyId="+escape(obj.value);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				brand.innerHTML= text;
			}
		}
	};
	xmlHttp.send(null);//发送请求，不传递任何参数  	
}

 

效果图：
后台jsp goodsUpdate.jsp
 

 

 

相关文章：

  • 2021-06-08
  • 2022-12-23
  • 2022-02-17
  • 2021-06-29
  • 2022-12-23
  • 2021-08-20
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-16
  • 2021-05-26
  • 2021-11-19
  • 2022-01-23
  • 2021-12-08
  • 2022-01-08
  • 2021-12-24
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode