`
chaoyi
  • 浏览: 310997 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

后台jsp goodsList.jsp

 
阅读更多 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	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/list.css" type="text/css" />
<script type="text/javascript" src="admin/js/goodsList.js"></script>
</head>

<body>
	<form action="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}" method="post">
		<div class="show" style=" height:162px; display: none; " id="show">

		</div>
	</form>

	<div class="list">
		<table cellpadding="0" cellspacing="0">
			<tr class="search">
				<td colspan="10">
					<form action="goodsList?substance=" method="get">
						<input type="hidden" name="substance" value="${substance}" /> <select
							name="statusNum">
							<option value="1">---默认---</option>
							<option value="1"
								<c:if test="${statusNum eq '1' }">selected="selected"</c:if>>按时间排序</option>
							<option value="2"
								<c:if test="${statusNum eq '2' }">selected="selected"</c:if>>按库存排序</option>
							<option value="3"
								<c:if test="${statusNum eq '3' }">selected="selected"</c:if>>按价格排序</option>
						</select> <input type="submit" class="submit" value="确定" />
					</form>
					<form action="goodsList" method="get">
						<input type="hidden" name="statusNum" value="${statusNum}" /> <input
							type="text" class="text" name="substance" value="${substance}" />
						<input type="submit" class="submit" value="搜索" />
					</form></td>
			</tr>
			<tr class="title">
				<td>商品编号</td>
				<td>商品类型</td>
				<td>商品品牌</td>
				<td>商品图</td>
				<td>商品价格</td>
				<td>商品库存</td>
				<td>上架时间</td>
				<td>商品状态</td>
				<td>上架/下架</td>
				<td>操作</td>
			</tr>
			<c:forEach var="item" items="${pList }" varStatus="i">
				<tr ondblclick="javascript:showSql('${item.products_id }');" class="content <c:if test="${i.index %2 ne 0 }">colorBg</c:if>">
					<td>${item.products_id }</td>
					<td>${item.classify }</td>
					<td>${item.brand }</td>
					<td><a href="goods?id=${item.products_id}" target="_blank"
						title="${item.introduce} 分类：${item.classify} 品牌：${item.brand} 型号： ${item.model}"><img
							src="images/share/${item.print}" width="26" height="20" /> </a></td>
					<td><input type="text" value="${item.price }"
						onblur="javascript:ajaxUpdatePrice('${item.products_id }',this);"
						style="width:60px;" />
					</td>
					<td><input type="text" value="${item.number }"
						onblur="javascript:ajaxUpdateNumber('${item.products_id }',this);"
						style="width:42px;" />
					</td>
					<td>${fn:substring(item.time,0,10)}</td>
					<td>${item.status_content }</td>
					<td><c:if test="${item.grounding eq '0' }">
							<img src="admin/images/grounding.png" width="22" height="22" />
						</c:if> <c:if test="${item.grounding eq '1' }">
							<img src="admin/images/undercarriage.png" width="22" height="22" />
						</c:if></td>
					<td><a href="goodsUpdate?id=${item.products_id }"><img
							src="admin/images/tool.png" width="22" height="22" /> </a>&nbsp;<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}&id=${item.products_id }&grounding=0"><img
							src="admin/images/grounding.png" width="22" height="22" /> </a>&nbsp;<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex}&id=${item.products_id }&grounding=1"><img
							src="admin/images/undercarriage.png" width="22" height="22" /> </a>
					</td>
				</tr>
			</c:forEach>
			<tr class="page">
				<td colspan="10"><em class="f_r"> <a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=1">首页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex-1}">上一页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${pageIndex+1}">下一页</a>
						<a
						href="goodsList?substance=${substance }&statusNum=${statusNum }&pageIndex=${end}">尾页</a>
				</em><i>共${totalCount}条数据(共有${end}页，现在是第${pageIndex}页) </i>
				</td>
			</tr>
		</table>
	</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;}

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


.list{ width:1100px; padding-bottom:50px; padding-top:13px; margin:0 auto;}

.list table{width:100%; border:1px solid #ccc;}
.search{ background:#f4f4f4; height:34px;}
.search form{ display:inline; margin-left:10px; margin-right:8px;}
.search .text{ border:1px solid #ccc; height:18px; line-height:18px; padding-left:6px; font-family:"Arial"; width:80px;}
.search select{ border:1px solid #ccc; height:21px; line-height:18px;}
.title td{ background:#436da8; color:#fff; font-family:"微软雅黑"; text-align:center; height:24px; line-height:24px;}
.content td{  color:#333; font-family:"微软雅黑"; text-align:center; height:36px; line-height:24px;}
.content:hover td{ background:#ff971c; color:#000;}
.content td input{ color:#c00; border:none; font-family:"微软雅黑"; padding-left:4px;}
.content td select{ color:#c00; border:none; font-family:"微软雅黑";}
.content td option{ color:#c00; border:none; font-family:"微软雅黑";}
.colorBg td{ background:#f5f5f5;}
.page{ height:30px; }
.page td{ padding-left:10px; padding-right:10px; border-top:1px solid #436da8;}
.page td em{ margin-right:8px;}
.page td em a{ border:1px solid #eee; color:#666; padding:2px 3px; margin-left:8px; font-family:"Arial";}
.page td em a:hover{ color:#f60;  border:1px solid #f60;}
.page td i{ color:#999; font-family:"微软雅黑"; padding-left:8px;}

 

//JavaScript Document

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

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

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

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

 

效果图：

 

 

  • 大小: 124.7 KB
分享到：
| 后台jsp classNew.jsp
评论
发表评论

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

相关推荐

    捷客商务信息交易平台

    源码+数据库文件 中软实习的训练项目 小的...时间很赶，做得很一般，没有写店铺（含商品）的管理，有兴趣的可以学习包中XXXlist.jsp然后仿照写一个 shoplist.jsp goodslist.jsp即可。后台已提供支持。只是没有写页面。

    jsp购物车实例

    5. **会话管理**：在JSP中，通过 `session.getAttribute()` 方法可以获取存储在会话中的对象，如 "buylist" 和 "goodslist"。会话用于跟踪用户状态，确保用户在整个购物过程中看到的是他们自己的购物车内容。 6. **...

    仿小米商城的前端素材压缩包

    5. **goodsList.jsp**：此文件代表商品列表页面，通常展示商品缩略图、名称、价格和简要描述。开发者需要处理分页、排序、筛选等功能，同时要确保页面加载速度和性能优化。 6. **image**：这个目录包含了项目的图像...

    jquery.pagination.js分页使用教程

    使用 JSP 的 c:forEach 标签遍历后台传来的商品数据： ```html &lt;!-- 表格头部 --&gt; &lt;tr&gt;&lt;th align=center colspan=16 style="height: 23px"&gt;商品显示&lt;/th&gt;&lt;/tr&gt; &lt;!-- 商品数据行 --&gt; ${goodsS}" var="goods"&gt; ...

    基于Java汽车销售系统设计与实现答辩PPT.pptx

    该系统采用MVC框架，需要用到的Java相关技术有jsp技术、servlet技术、jdbc技术、SSH框架。 系统的业务流程图描述如下： （1）顾客浏览网站 顾客通过浏览器登录到本汽车销售管理系统网站后，可以通过热销车型、...

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